/*!
 * SmartAdmin v1.5.1 ()
 * Copyright 2011-2014 
 */
/*!
 * SmartAdmin - Responsive WebApp
 *
 * Copyright 2014 bootstraphunter.com
 * Designed and built with all the love in the world by @bootstraphunt.
 */
/*
 * SMARTADMIN VARIABLES
 * All variables related specifically to the theme starts from here:
 */
/* left side */
/* right side */
/* the color that flashes when you click on the first nav element */
/* the plus icon that appears on the parent nav when expanding and collapsing */
/* these values will only address the first parent in the entire nav */
/* the plus & minus icons */
/* margin top */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.tree {
    min-height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .tree li {
        list-style-type: none;
        margin: 0;
        padding: 5px;
        position: relative;
    }

    .tree ul ul li:hover {
        background: rgba(0, 0, 0, 0.015);
    }

    .tree li:before,
    .tree li:after {
        content: '';
        left: -20px;
        position: absolute;
        right: auto;
    }

    .tree li:before {
        border-left: 1px solid #999999;
        bottom: 50px;
        height: 100%;
        top: -11px;
        width: 1px;
        -webkit-transition: "border-color 0.1s ease 0.1s";
        -moz-transition: "border-color 0.1s ease 0.1s";
        -o-transition: "border-color 0.1s ease 0.1s";
        transition: "border-color 0.1s ease 0.1s";
    }

    .tree li:after {
        border-top: 1px solid #999999;
        height: 20px;
        top: 18px;
        width: 25px;
    }

    .tree li span {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px dotted #999999;
        border-radius: 5px;
        display: inline-block;
        padding: 3px 8px;
        text-decoration: none;
        -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
        -moz-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
        -o-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
        transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
    }

    .tree li.parent_li > span {
        cursor: pointer;
        padding: 7px;
    }

    .tree > ul > li:before,
    .tree > ul > li::after {
        border: 0;
    }

    .tree li:last-child::before {
        height: 30px;
    }

    .tree li.parent_li > span:hover,
    .tree li.parent_li > span:hover + ul li span {
        background: #eee;
        border: 1px solid #94a0b4;
        color: #000000;
    }

    .tree > ul {
        padding-left: 0px;
    }

    .tree ul ul {
        padding-left: 34px;
        padding-top: 10px;
    }

    .tree li.parent_li > span:hover {
        background-color: #DF8505;
        border: 1px solid #C67605;
        color: #ffffff;
    }

        .tree li.parent_li > span:hover + ul li::before {
            border-left-color: #F89406;
        }

        .tree li.parent_li > span:hover + ul li::after {
            border-top-color: #F89406;
        }

        .tree li.parent_li > span:hover + ul li span {
            background: #FDDFB3 !important;
            border: 1px solid #FAA937;
            color: #000;
        }
    /* icons */
    .tree .fa.icon-minus-sign:before {
        content: "\f056" !important;
    }

    .tree .fa.icon-plus-sign:before {
        content: "\f055" !important;
    }

.bootstrap-duallistbox-container .buttons {
    width: 100%;
    margin-bottom: -1px;
}

.bootstrap-duallistbox-container label {
    display: block;
    margin-top: 0px !important;
    font-weight: 400 !important;
}

.bootstrap-duallistbox-container .info {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 11px;
}

.bootstrap-duallistbox-container .btn-group .btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bootstrap-duallistbox-container select {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    height: 300px;
    padding: 0;
}

.bootstrap-duallistbox-container .filter {
    display: inline-block;
    width: 100%;
    height: 31px;
    margin: 0 0 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bootstrap-duallistbox-container .filter.placeholder {
        color: #aaa;
    }

.bootstrap-duallistbox-container .clear1,
.bootstrap-duallistbox-container .clear2 {
    display: none;
    font-size: 10px;
}

.bootstrap-duallistbox-container .box1.filtered .clear1,
.bootstrap-duallistbox-container .box2.filtered .clear2 {
    display: inline-block;
}

.bootstrap-duallistbox-container .move,
.bootstrap-duallistbox-container .remove {
    width: 60%;
}

.bootstrap-duallistbox-container .moveall,
.bootstrap-duallistbox-container .removeall {
    width: 40%;
}

.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
    margin-left: 0;
}

.bootstrap-duallistbox-container.moveonselect .move,
.bootstrap-duallistbox-container.moveonselect .remove {
    display: none;
}

.bootstrap-duallistbox-container.moveonselect .moveall,
.bootstrap-duallistbox-container.moveonselect .removeall {
    width: 100%;
}
/**
 * Bootstrap-Markdown.less
 *
 * @author Taufan Aditya @taufanaditya
 * @copyright 2013 Taufan Aditya
 */
.md-editor {
    display: block;
    border: 1px solid #dddddd;
}

    .md-editor > .md-header,
    .md-editor .md-footer {
        display: block;
        padding: 6px 4px;
        background: #f5f5f5;
        margin: 0px;
    }

        .md-editor > .md-header > :first-child {
            margin-left: 0px;
        }

    .md-editor > .md-preview {
        background: #ffffff;
        border-top: 1px dashed #dddddd;
        border-bottom: 1px dashed #dddddd;
        min-height: 10px;
        padding: 10px;
    }

    .md-editor > textarea {
        font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
        font-size: 13px;
        outline: 0;
        outline: thin dotted \9;
        /* IE6-9 */
        margin: 0;
        display: block;
        padding: 0;
        width: 100%;
        border: 0;
        padding: 10px;
        border-top: 1px dashed #dddddd;
        border-bottom: 1px dashed #dddddd;
        border-radius: 0;
        box-shadow: none;
        background: #eeeeee;
    }

        .md-editor > textarea:focus {
            box-shadow: none;
            background: #ffffff;
        }

    .md-editor.active {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }
/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .slider.slider-horizontal {
        width: 100% !important;
        height: 20px;
    }

        .slider.slider-horizontal .slider-track {
            height: 10px;
            width: 100%;
            margin-top: -5px;
            top: 50%;
            left: 0;
        }

        .slider.slider-horizontal .slider-selection {
            height: 100%;
            top: 0;
            bottom: 0;
        }

        .slider.slider-horizontal .slider-handle {
            margin-left: -10px;
            margin-top: -5px;
        }

            .slider.slider-horizontal .slider-handle.triangle {
                width: 20px;
                height: 20px;
                filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                border: none;
                line-height: 21px;
                color: #797777;
                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
            }

                .slider.slider-horizontal .slider-handle.triangle:before {
                    content: "\f0da";
                    font-size: 34px;
                }

.slider-horizontal .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before {
    content: "\f0d9";
}

.slider.slider-vertical {
    height: 210px;
    width: 20px;
}

    .slider.slider-vertical .slider-track {
        width: 10px;
        height: 100%;
        margin-left: -5px;
        left: 50%;
        top: 0;
    }

    .slider.slider-vertical .slider-selection {
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .slider.slider-vertical .slider-handle {
        margin-left: -5px;
        margin-top: -10px;
    }

        .slider.slider-vertical .slider-handle.triangle {
            width: 20px;
            height: 20px;
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            border: none;
            line-height: 21px;
            color: #797777;
            text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
        }

            .slider.slider-vertical .slider-handle.triangle:before {
                content: "\f0d7";
                font-size: 32px;
                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
            }

    .slider.slider-vertical .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before {
        content: "\f0d8";
        text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
    }

.slider input {
    display: none;
}

.slider .tooltip-inner {
    white-space: nowrap;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    background: #E5E5E5;
}

.slider-selection {
    position: absolute;
    background: #3276b1;
}

.slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #FFF;
    background: #858585;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
    color: #BDBDBD;
    text-shadow: 0 1px 0 rgba(77, 77, 77, 0.5);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

    .slider-handle:before {
        content: "\f0c9";
    }

    .slider-handle.round {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        width: 20px;
        height: 20px;
    }

    .slider-handle.triangle {
        background: transparent none;
    }
/*
 * Slider colors
 */
.slider-danger + .slider-track > .slider-selection {
    background: #a90329;
}

.slider-warning + .slider-track > .slider-selection {
    background: #c79121;
}

.slider-info + .slider-track > .slider-selection {
    background: #57889c;
}

.slider-success + .slider-track > .slider-selection {
    background: #739e73;
}

.bootstrap-tagsinput {
    display: block;
    width: 100%;
    min-height: 32px;
    padding: 1px 3px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 0;
}

    .bootstrap-tagsinput > span {
        border-radius: 0px !important;
        font-weight: normal;
        padding: 3px 28px 4px 8px;
        font-size: 13px;
        border: 1px solid #285E8E;
        background: #3276B1;
    }

    .bootstrap-tagsinput input {
        border: none;
        box-shadow: none;
        outline: none;
        background-color: transparent;
        padding: 0;
        margin: 0;
        width: auto !important;
        max-width: inherit;
    }

        .bootstrap-tagsinput input:focus {
            border: none;
            box-shadow: none;
        }

    .bootstrap-tagsinput .tag {
        color: #FFF;
        position: relative;
        margin: 3px 0 3px 2px;
        display: inline-block;
    }

        .bootstrap-tagsinput .tag [data-role="remove"] {
            display: block;
            top: -1px;
            right: 0px;
            padding: 3px 4px 3px 5px;
            width: 23px;
            height: 22px;
            position: absolute;
            cursor: pointer;
        }

            .bootstrap-tagsinput .tag [data-role="remove"]:hover {
                background: rgba(0, 0, 0, 0.3);
            }

            .bootstrap-tagsinput .tag [data-role="remove"]:after {
                content: "\f057";
                font-family: fontAwesome;
                padding: 2px 1px;
                line-height: 17px;
                font-size: 15px;
                text-align: center;
            }

            .bootstrap-tagsinput .tag [data-role="remove"]:hover {
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            }

                .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
                    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                }
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
    position: relative;
}

.modal-open .bootstrap-timepicker-widget.dropdown-menu.open {
    z-index: 1051 !important;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0;
}

    .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
        left: auto;
        right: 12px;
    }

    .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
        left: auto;
        right: 13px;
    }

.bootstrap-timepicker .add-on {
    cursor: pointer;
}

    .bootstrap-timepicker .add-on i {
        display: inline-block;
        width: 16px;
        height: 16px;
    }

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px;
}

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: inline-block;
    }

    .bootstrap-timepicker-widget.dropdown-menu:before {
        border-bottom: 7px solid rgba(0, 0, 0, 0.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
    }

    .bootstrap-timepicker-widget.dropdown-menu:after {
        border-bottom: 6px solid #FFFFFF;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
    }

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
    border-radius: 4px;
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0;
}

    .bootstrap-timepicker-widget table td {
        text-align: center;
        height: 30px;
        margin: 0;
        padding: 2px;
    }

        .bootstrap-timepicker-widget table td:not(.separator) {
            min-width: 30px;
        }

        .bootstrap-timepicker-widget table td span {
            width: 100%;
        }

        .bootstrap-timepicker-widget table td a {
            border: 1px transparent solid;
            width: 100%;
            display: inline-block;
            margin: 0;
            padding: 8px 0;
            outline: 0;
            color: #333;
        }

            .bootstrap-timepicker-widget table td a:hover {
                text-decoration: none;
                background-color: #eee;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                border-color: #ddd;
            }

            .bootstrap-timepicker-widget table td a i {
                margin-top: 2px;
                font-size: 18px;
            }

        .bootstrap-timepicker-widget table td input {
            width: 25px;
            margin: 0;
            text-align: center;
        }

.bootstrap-timepicker-widget .modal-content {
    padding: 4px;
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px;
    }
}

@media (max-width: 767px) {
    .bootstrap-timepicker {
        width: 100%;
    }

        .bootstrap-timepicker .dropdown-menu {
            width: 100%;
        }
}

.bv-form .help-block {
    margin-bottom: 0;
}

.bv-form .tooltip-inner {
    text-align: left;
}

.nav-tabs li.bv-tab-success > a {
    color: #3c763d;
}

.nav-tabs li.bv-tab-error > a {
    color: #a94442;
}

[class^="col-"] > .form-control + .form-control-feedback {
    right: 13px;
}

.has-feedback.has-success .radio-inline + .form-control-feedback,
.has-feedback.has-success .radio-inline + .form-control-feedback {
    display: none !important;
}

#buttonGroupForm .btn-group .form-control-feedback {
    top: 0;
    right: -30px;
}

#productForm .inputGroupContainer .form-control-feedback,
#productForm .selectContainer .form-control-feedback {
    top: 0;
    right: -15px;
}
/*
 * jQuery CSSEmoticons plugin 0.2.9
 *
 * Copyright (c) 2010 Steve Schwartz (JangoSteve)
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 * Date: Sun Oct 22 1:00:00 2010 -0500
 */
/* Basic styles for emoticons */
span.css-emoticon {
    font-family: "Trebuchet MS";
    /* seems to give the best and most consistent emoticon appearance */
    font-size: .80em;
    font-weight: bold;
    color: #000000;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    width: 1.54em;
    /* note that this is a multiple of this span's font-size, not containing text font-size */
    height: 1.54em;
    /* so, relative to containing text, width and height are 0.9 x 1.6 = 1.44em */
    text-align: center;
    padding: 0;
    line-height: 1.34em;
    -moz-border-radius: 1.54em;
    -webkit-border-radius: 1.54em;
    border-radius: 1.54em;
    -moz-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-color: #ffcc00;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0.41, #ffb800), color-stop(0.56, #ffdd55), color-stop(1, #ffeeaa));
    background-image: -moz-linear-gradient(center right, #ffb800 41%, #ffdd55 56%, #ffeeaa 100%);
    -webkit-transition-property: color, background, transform;
    -webkit-transition-duration: 1s, 1s;
    -webkit-transition-timing-function: linear, ease-in;
    margin-top: -0.4em;
}
    /* Styles for two-character emoticons that need more letter-spacing for proportionality */
    span.css-emoticon.spaced-emoticon {
        padding-left: 0.2em;
        width: 1.34em;
        /*letter-spacing: 0.2em;*/
    }
/* This is a dirty dirty hack, because webkit doesn't properly do the padding+width=total-width as it should
   I think the width of the border may be throwing things off, because it's more noticable for small icons */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    span.css-emoticon.spaced-emoticon {
        width: 1.4em;
    }
}
/* Styles for emoticons that need to have smaller characters to fit inside the circle */
span.css-emoticon.small-emoticon {
    font-size: 0.70em;
    width: 1.82em;
    height: 1.82em;
    line-height: 1.72em;
    -moz-border-radius: 1.82em;
    -webkit-border-radius: 1.82em;
    border-radius: 1.82em;
}

    span.css-emoticon.small-emoticon.spaced-emoticon {
        padding-left: 0;
        width: 1.82em;
        letter-spacing: 0.1em;
    }
/* Styles for additional colors */
span.css-emoticon.red-emoticon {
    background-color: #eb0542;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0.41, #ff7c7c), color-stop(0.56, #e79494), color-stop(1, #e78ba5));
    background-image: -moz-linear-gradient(center right, #ff7c7c 41%, #e79494 56%, #e78ba5 100%);
}

span.css-emoticon.pink-emoticon {
    background-color: #ff8fd4;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0.41, #ff8fd4), color-stop(0.56, #ff99d8), color-stop(1, #ffade1));
    background-image: -moz-linear-gradient(center right, #ff8fd4 41%, #ff99d8 56%, #ffade1 100%);
}
/* styles for emoticons that need no rotation, like O_o */
span.css-emoticon.no-rotate {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 0.45em;
    width: 2.2em;
    height: 2.2em;
    line-height: 1.9em;
    -moz-border-radius: 2.2em;
    -webkit-border-radius: 2.2em;
    border-radius: 2.2em;
    background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0.41, #ffcc00), color-stop(0.56, #ffdd55), color-stop(1, #ffeeaa));
    background-image: -moz-linear-gradient(center bottom, #ffcc00 41%, #ffdd55 56%, #ffeeaa 100%);
}

    span.css-emoticon.no-rotate.red-emoticon {
        background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0.41, #eb0542), color-stop(0.56, #eb265a), color-stop(1, #fa376e));
        background-image: -moz-linear-gradient(center bottom, #eb0542 41%, #eb265a 56%, #fa376e 100%);
    }

    span.css-emoticon.no-rotate.pink-emoticon {
        background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0.41, #ff8fd4), color-stop(0.56, #ff99d8), color-stop(1, #ffade1));
        background-image: -moz-linear-gradient(center bottom, #ff8fd4 41%, #ff99d8 56%, #ffade1 100%);
    }
/* Styles for emoticons that need to be rotated counter-clockwise, like <3 */
span.css-emoticon.counter-rotated {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.41, #ffcc00), color-stop(0.56, #ffdd55), color-stop(1, #ffeeaa));
    background-image: -moz-linear-gradient(center left, #ffcc00 41%, #ffdd55 56%, #ffeeaa 100%);
}

    span.css-emoticon.counter-rotated.red-emoticon {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.41, #eb0542), color-stop(0.56, #eb265a), color-stop(1, #fa376e));
        background-image: -moz-linear-gradient(center left, #eb0542 41%, #eb265a 56%, #fa376e 100%);
    }

    span.css-emoticon.counter-rotated.pink-emoticon {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.41, #ff8fd4), color-stop(0.56, #ff99d8), color-stop(1, #ffade1));
        background-image: -moz-linear-gradient(center left, #ff8fd4 41%, #ff99d8 56%, #ffade1 100%);
    }
/* Styles for animated states */
span.css-emoticon.un-transformed-emoticon,
span.css-emoticon.animated-emoticon:hover {
    /* font-size: inherit;
    font-weight: inherit;
    vertical-align: inherit;
    line-height: inherit;
    font-family: inherit; */
    letter-spacing: inherit;
    color: inherit;
    overflow: visible;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    background: none;
    background-image: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: transparent;
}

span.css-emoticon.nintendo-controller {
    font-size: .8em;
    height: 1.2em;
    line-height: 1em;
    width: 2.7em;
    vertical-align: bottom;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, #74798c), color-stop(0.55, #a5aabd));
    background: -moz-linear-gradient(center bottom, #74798c 9%, #a5aabd 55%);
}
/*!
 * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/master/LICENSE)
 */
.clockpicker .input-group-addon {
    cursor: pointer;
}

.clockpicker-moving {
    cursor: move;
}

.clockpicker-align-left.popover > .arrow {
    left: 25px;
}

.clockpicker-align-top.popover > .arrow {
    top: 17px;
}

.clockpicker-align-right.popover > .arrow {
    left: auto;
    right: 25px;
}

.clockpicker-align-bottom.popover > .arrow {
    top: auto;
    bottom: 6px;
}

.clockpicker-popover .popover-title {
    background-color: #fff;
    color: #999;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

    .clockpicker-popover .popover-title span {
        cursor: pointer;
    }

.clockpicker-popover .popover-content {
    background-color: #f8f8f8;
    padding: 12px;
}

.popover-content:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.clockpicker-plate {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    overflow: visible;
    position: relative;
    /* Disable text selection highlighting. Thanks to Hermanya */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clockpicker-canvas,
.clockpicker-dial {
    width: 200px;
    height: 200px;
    position: absolute;
    left: -1px;
    top: -1px;
}

.clockpicker-minutes {
    visibility: hidden;
}

.clockpicker-tick {
    border-radius: 50%;
    color: #666;
    line-height: 26px;
    text-align: center;
    width: 26px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

    .clockpicker-tick.active,
    .clockpicker-tick:hover {
        background-color: #c0e5f7;
        background-color: rgba(0, 149, 221, 0.25);
    }

.clockpicker-button {
    background-image: none;
    background-color: #fff;
    border-width: 1px 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    padding: 10px 0;
}

    .clockpicker-button:hover {
        background-image: none;
        background-color: #ebebeb;
    }

    .clockpicker-button:focus {
        outline: none!important;
    }

.clockpicker-dial {
    -webkit-transition: -webkit-transform 350ms, opacity 350ms;
    -moz-transition: -moz-transform 350ms, opacity 350ms;
    -ms-transition: -ms-transform 350ms, opacity 350ms;
    -o-transition: -o-transform 350ms, opacity 350ms;
    transition: transform 350ms, opacity 350ms;
}

.clockpicker-dial-out {
    opacity: 0;
}

.clockpicker-hours.clockpicker-dial-out {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.clockpicker-minutes.clockpicker-dial-out {
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}

.clockpicker-canvas {
    -webkit-transition: opacity 175ms;
    -moz-transition: opacity 175ms;
    -ms-transition: opacity 175ms;
    -o-transition: opacity 175ms;
    transition: opacity 175ms;
}

.clockpicker-canvas-out {
    opacity: 0.25;
}

.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
    stroke: none;
    fill: #0095dd;
}

.clockpicker-canvas-bg {
    stroke: none;
    fill: #c0e5f7;
}

.clockpicker-canvas-bg-trans {
    fill: rgba(0, 149, 221, 0.25);
}

.clockpicker-canvas line {
    stroke: #0095dd;
    stroke-width: 1;
    stroke-linecap: round;
    /*shape-rendering: crispEdges;*/
}
/*!
 * Colorpicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url("../img/saturation.png");
    cursor: crosshair;
    float: left;
}

    .colorpicker-saturation i {
        display: block;
        height: 5px;
        width: 5px;
        border: 1px solid #000;
        position: absolute;
        top: 0;
        left: 0;
        margin: -4px 0 0 -4px;
    }

        .colorpicker-saturation i b {
            display: block;
            height: 5px;
            width: 5px;
            border: 1px solid #fff;
        }

.colorpicker-hue,
.colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px;
}

    .colorpicker-hue i,
    .colorpicker-alpha i {
        display: block;
        height: 1px;
        background: #000;
        border-top: 1px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: -1px;
    }

.colorpicker-hue {
    background-image: url("../img/hue.png");
}

.colorpicker-alpha {
    background-image: url("../img/alpha.png");
    display: none;
}

.colorpicker {
    zoom: 1;
    /*IE*/
    top: 0;
    left: 0;
    padding: 4px;
    min-width: 120px;
    margin-top: 1px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .colorpicker:before,
    .colorpicker:after {
        content: " ";
        display: table;
    }

    .colorpicker:after {
        clear: both;
    }

    .colorpicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .colorpicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .colorpicker div {
        position: relative;
    }

    .colorpicker.alpha {
        min-width: 140px;
    }

        .colorpicker.alpha .colorpicker-alpha {
            display: block;
        }

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url("../img/alpha.png");
    background-position: 0 100%;
}

    .colorpicker-color div {
        height: 10px;
    }

.input-append.color .add-on i,
.input-prepend.color .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

div.dataTables_length label {
    font-weight: normal;
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    font-weight: normal;
    float: right;
}

div.dataTables_filter input {
    width: 16em;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

    div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
    }

table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
}

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
    }

    table.dataTable thead .sorting {
        background: url('../images/sort_both.png') no-repeat center right;
    }

    table.dataTable thead .sorting_asc {
        background: url('../images/sort_asc.png') no-repeat center right;
    }

    table.dataTable thead .sorting_desc {
        background: url('../images/sort_desc.png') no-repeat center right;
    }

    table.dataTable thead .sorting_asc_disabled {
        background: url('../images/sort_asc_disabled.png') no-repeat center right;
    }

    table.dataTable thead .sorting_desc_disabled {
        background: url('../images/sort_desc_disabled.png') no-repeat center right;
    }

    table.dataTable thead > tr > th {
        padding-left: 18px;
        padding-right: 18px;
    }

    table.dataTable th:active {
        outline: none;
    }
/* Scrolling */
div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    div.dataTables_scrollHead table thead tr:last-child th:first-child,
    div.dataTables_scrollHead table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}
/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
    border-collapse: separate !important;
}

table.table-bordered thead th,
table.table-bordered thead td {
    border-left-width: 0;
    border-top-width: 0;
}

table.table-bordered tbody th,
table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child {
    border-right-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}
/*
 * TableTools styles
 */
/* conflicting styles with bootstrap 
.table tbody tr.active td,
.table tbody tr.active th {
	background-color: #08C;
	color: white;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
	background-color: #0075b0;
}

.table tbody tr.active a {
	color: white;
} 

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
	background-color: #017ebc;
} */
table.DTTT_selectable tbody tr {
    cursor: pointer;
}

div.DTTT .btn {
    color: #333 !important;
    font-size: 12px;
}

    div.DTTT .btn:hover {
        text-decoration: none !important;
    }

ul.DTTT_dropdown.dropdown-menu {
    z-index: 2003;
}

    ul.DTTT_dropdown.dropdown-menu a {
        color: #333 !important;
        /* needed only when demo_page.css is included */
    }

    ul.DTTT_dropdown.dropdown-menu li {
        position: relative;
    }

        ul.DTTT_dropdown.dropdown-menu li:hover a {
            background-color: #0088cc;
            color: white !important;
        }

div.DTTT_collection_background {
    z-index: 2002;
}
/* TableTools information display */
div.DTTT_print_info.modal {
    height: 150px;
    margin-top: -75px;
    text-align: center;
}

div.DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em;
}

div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}
/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0;
}

div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

    div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
    div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
    div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
    div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
}
/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
    margin: 0 !important;
}
/*
 * Namespace DTCR - "DataTables ColReorder" plug-in
 */
table.DTCR_clonedTable {
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 202;
}

div.DTCR_pointer {
    width: 1px;
    background-color: #0259C4;
    z-index: 201;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * ColVis styles
 */
div.ColVis {
    float: right;
    margin-bottom: 1em;
}

button.ColVis_Button,
ul.ColVis_collection li {
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #999;
    cursor: pointer;
    *cursor: hand;
    font-size: 0.88em;
    color: black !important;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    /* Generated by http://www.colorzilla.com/gradient-editor/ */
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}

    .ColVis_Button:hover,
    ul.ColVis_collection li:hover {
        border: 1px solid #666;
        text-decoration: none !important;
        -webkit-box-shadow: 1px 1px 3px #999;
        -moz-box-shadow: 1px 1px 3px #999;
        -ms-box-shadow: 1px 1px 3px #999;
        -o-box-shadow: 1px 1px 3px #999;
        box-shadow: 1px 1px 3px #999;
        background: #f3f3f3;
        /* Old browsers */
        background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        /* Chrome10+,Safari5.1+ */
        background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        /* IE10+ */
        background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        /* Opera 11.10+ */
        background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
        /* IE6-9 */
    }

button.ColVis_Button {
    height: 30px;
    padding: 3px 8px;
}

    button.ColVis_Button::-moz-focus-inner {
        border: none !important;
        padding: 0;
    }

    button.ColVis_Button:active {
        outline: none;
    }

div.ColVis_collectionBackground {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    z-index: 1100;
}

ul.ColVis_collection {
    width: 150px;
    padding: 8px 8px 4px 8px;
    margin: 0;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: #f3f3f3;
    background-color: rgba(255, 255, 255, 0.3);
    overflow: hidden;
    z-index: 2002;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

    ul.ColVis_collection li {
        position: relative;
        height: auto;
        left: 0;
        right: 0;
        padding: 0.5em;
        display: block;
        float: none;
        margin-bottom: 4px;
        -webkit-box-shadow: 1px 1px 3px #999;
        -moz-box-shadow: 1px 1px 3px #999;
        -ms-box-shadow: 1px 1px 3px #999;
        -o-box-shadow: 1px 1px 3px #999;
        box-shadow: 1px 1px 3px #999;
    }

    ul.ColVis_collection li {
        text-align: left;
    }

        ul.ColVis_collection li.ColVis_Button:hover {
            border: 1px solid #999;
            background-color: #f0f0f0;
        }

        ul.ColVis_collection li span {
            display: inline-block;
            padding-left: 0.5em;
            cursor: pointer;
        }

        ul.ColVis_collection li.ColVis_Special {
            border-color: #555;
            background: #ededed;
            /* Old browsers */
            background: -webkit-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            /* Chrome10+,Safari5.1+ */
            background: -moz-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            /* FF3.6+ */
            background: -ms-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            /* IE10+ */
            background: -o-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            /* Opera 11.10+ */
            background: linear-gradient(to bottom, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=0);
            /* IE6-9 */
        }

            ul.ColVis_collection li.ColVis_Special:hover {
                background: #e2e2e2;
                /* Old browsers */
                background: -webkit-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                /* Chrome10+,Safari5.1+ */
                background: -moz-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                /* FF3.6+ */
                background: -ms-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                /* IE10+ */
                background: -o-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                /* Opera 11.10+ */
                background: linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2', GradientType=0);
                /* IE6-9 */
            }

span.ColVis_radio {
    display: inline-block;
    width: 20px;
}

div.ColVis_catcher {
    position: absolute;
    z-index: 1101;
}

.disabled {
    color: #999;
}
/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     GPL v2 / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2009-2012 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 */
/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
    position: relative;
    float: right;
    margin-bottom: 1em;
}

@media screen and (max-width: 640px) {
    div.DTTT_container {
        float: none !important;
        text-align: center;
    }

        div.DTTT_container:after {
            visibility: hidden;
            display: block;
            content: "";
            clear: both;
            height: 0;
        }
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
    position: relative;
    display: inline-block;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #999;
    cursor: pointer;
    *cursor: hand;
    font-size: 0.88em;
    color: black !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    /* Generated by http://www.colorzilla.com/gradient-editor/ */
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}
/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
button.DTTT_button {
    height: 30px;
    padding: 3px 8px;
}

.DTTT_button embed {
    outline: none;
}

button.DTTT_button:hover,
div.DTTT_button:hover,
a.DTTT_button:hover {
    border: 1px solid #666;
    text-decoration: none !important;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    background: #f3f3f3;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
    /* IE6-9 */
}

button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
    color: #999;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0);
    /* IE6-9 */
}
/*
 * BUTTON_STYLES
 * Action specific button styles
 * If you want images - comment this back in

a.DTTT_button_csv,
a.DTTT_button_xls,
a.DTTT_button_copy,
a.DTTT_button_pdf,
a.DTTT_button_print {
	padding-right: 0px;
}

a.DTTT_button_csv span,
a.DTTT_button_xls span,
a.DTTT_button_copy span,
a.DTTT_button_pdf span,
a.DTTT_button_print span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 30px;
}


a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }

a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }

a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }

a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }

a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }

 */
button.DTTT_button_collection span {
    padding-right: 17px;
    /*background: url(../images/collection.png) no-repeat center right;*/
}

button.DTTT_button_collection:hover span {
    padding-right: 17px;
    background: #f0f0f0;
    /*background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;*/
}
/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
    cursor: pointer;
    *cursor: hand;
}

table.dataTable tr.DTTT_selected.odd {
    background-color: #9FAFD1;
}

    table.dataTable tr.DTTT_selected.odd td.sorting_1 {
        background-color: #9FAFD1;
    }

    table.dataTable tr.DTTT_selected.odd td.sorting_2 {
        background-color: #9FAFD1;
    }

    table.dataTable tr.DTTT_selected.odd td.sorting_3 {
        background-color: #9FAFD1;
    }

table.dataTable tr.DTTT_selected.even {
    background-color: #B0BED9;
}

    table.dataTable tr.DTTT_selected.even td.sorting_1 {
        background-color: #B0BED9;
    }

    table.dataTable tr.DTTT_selected.even td.sorting_2 {
        background-color: #B0BED9;
    }

    table.dataTable tr.DTTT_selected.even td.sorting_3 {
        background-color: #B0BED9;
    }
/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */
div.DTTT_collection {
    width: 150px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: #f3f3f3;
    background-color: rgba(255, 255, 255, 0.3);
    overflow: hidden;
    z-index: 2002;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

div.DTTT_collection_background {
    /*background: transparent url(../images/background.png) repeat top left;*/
    z-index: 2001;
}

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
    position: relative;
    left: 0;
    right: 0;
    display: block;
    float: none;
    margin-bottom: 4px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
}
/*
 * PRINTING
 * Print display styles
 */
.DTTT_print_info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    color: #333;
    padding: 10px 30px;
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
    opacity: 0.95;
    border: 1px solid black;
    border: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

    .DTTT_print_info h6 {
        font-weight: normal;
        font-size: 28px;
        line-height: 28px;
        margin: 1em;
    }

    .DTTT_print_info p {
        font-size: 14px;
        line-height: 20px;
    }

table.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
    background: url('../img/plus.png') no-repeat 5px center;
    padding-left: 32px;
    cursor: pointer;
}

table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander {
    background: url('../img/minus.png') no-repeat 5px center;
}

table.has-columns-hidden > tbody > tr.row-detail > td {
    background: #eee;
}

    table.has-columns-hidden > tbody > tr.row-detail > td > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle {
            font-weight: bold;
        }

.dt-toolbar {
    display: block;
    position: relative;
    padding: 6px 7px 1px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    background: #fafafa;
}

.dt-toolbar-footer {
    background: #fafafa;
    font-size: 11px;
    overflow: hidden;
    padding: 5px 10px;
    border-top: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px #fff;
    -moz-box-shadow: inset 0 1px #fff;
    -ms-box-shadow: inset 0 1px #fff;
    box-shadow: inset 0 1px #fff;
}

    .dt-toolbar > :first-child,
    .dt-toolbar-footer > :first-child {
        padding-left: 0px !important;
    }

    .dt-toolbar > :last-child,
    .dt-toolbar-footer > :last-child {
        padding-right: 0px !important;
    }

table.dataTable thead .sorting {
    background: url() no-repeat center right;
}

table.dataTable thead .sorting_asc {
    background: url() no-repeat center right;
}

table.dataTable thead .sorting_desc {
    background: url() no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled {
    background: url() no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled {
    background: url() no-repeat center right;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-color: #eeeeee;
}

.dataTables_empty {
    padding: 20px 10px !important;
    font-size: 12px;
    text-align: center;
    color: #575757;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 6px 6px;
}

table.dataTable thead > tr > th,
table.dataTable tfoot > tr > th {
    padding-left: 9px !important;
}

    table.dataTable thead > tr > th input,
    table.dataTable tfoot > tr > th input {
        width: 100% !important;
        font-weight: normal;
    }

    table.dataTable thead > tr > th.hasinput {
        padding: 6px !important;
    }

div.dataTables_info {
    padding-top: 8px;
    font-size: 13px;
    /* font-weight: bold; */
    font-style: italic;
    color: #969696;
}
/*
 * Double lines in thead tfoot
 */
.dataTable thead > tr > th {
    border-left: none !important;
}
/* checkbox */
.dataTable input[type=checkbox].checkbox,
.dataTable input[type=radio].radiobox {
    left: -999px;
}

table.dataTable thead > tr > th.sorting_disabled {
    padding-right: 9px !important;
}
/*
 * DT FIlter
 */
.dataTables_filter {
    float: left;
    width: 100%;
}

    .dataTables_filter .input-group-addon {
        width: 32px;
        margin-top: 0px;
        float: left;
        height: 32px;
        padding-top: 8px;
    }

        .dataTables_filter .input-group-addon + .form-control {
            float: left;
        }
/*
 * LTR filter position
 */
.dt-toolbar > :first-child .dataTables_filter > :only-child,
.dt-toolbar > :first-child .DTTT,
.dt-toolbar > :first-child .pagination,
.dt-toolbar > :first-child .dataTables_length {
    float: left !important;
}

.dt-toolbar > :last-child .dataTables_filter > :only-child,
.dt-toolbar > :last-child .DTTT,
.dt-toolbar > :last-child .pagination,
.dt-toolbar > :last-child .dataTables_length {
    float: right;
}
/* bottom portion */
.dt-toolbar-footer > :first-child .dataTables_filter > :only-child,
.dt-toolbar-footer > :first-child .DTTT,
.dt-toolbar-footer > :first-child .pagination,
.dt-toolbar-footer > :first-child .dataTables_length {
    float: left;
}

.dt-toolbar-footer > :last-child .dataTables_filter > :only-child,
.dt-toolbar-footer > :last-child .DTTT,
.dt-toolbar-footer > :last-child .pagination,
.dt-toolbar-footer > :last-child .dataTables_length {
    float: right;
}
/*
 * PRINT
 */
body.DTTT_Print {
    background: #fff !important;
}

.DTTT_Print #main {
    margin: 0px !important;
}

.DTTT_PrintMessage {
    font-size: 20px;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

.DTTT_Print table.dataTable {
    margin-top: 0px !important;
}

.DTTT_Print .dataTables_wrapper table {
    border: 1px solid #C7C7C7 !important;
}
/*
 * COLUMN SHOW/HIDE
 */
div.ColVis {
    margin-bottom: 0px !important;
}

ul.ColVis_collection {
    width: 127px;
}

    ul.ColVis_collection li span {
        vertical-align: 3px;
    }

    ul.ColVis_collection li label {
        margin-bottom: 0px !important;
    }
/*
 * Processing Fix
 */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50% !important;
    /* margin-top: -25px;*/
    z-index: 5000 !important;
    padding-top: 20px !important;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
/* custom font icon */
.dataTable tbody .details-control {
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

    .dataTable tbody .details-control:before {
        font-family: 'FontAwesome';
        content: "\f055";
        font-size: 1.4em;
        color: #739e73;
    }

.dataTable tbody .shown .details-control:before {
    content: "\f056";
    color: #a90329;
}

.dataTable tbody .shown + tr > td {
    padding: 0px !important;
}

.dataTable tbody .shown {
    background: rgba(205, 209, 98, 0.2) !important;
}

    .dataTable tbody .shown > td {
        background: none !important;
    }

    .dataTable tbody .shown + tr > td > table > tbody > tr:last-child {
        border-bottom: 1px solid #c2c2c2;
    }

    .dataTable tbody .shown + tr > td > table tbody tr {
        background-color: rgba(205, 209, 98, 0.05) !important;
    }

    .dataTable tbody .shown .table > tbody > tr > td {
        border: none !important;
    }

.table-bordered .progress {
    background: #fff !important;
    -webkit-box-shadow: 0 1px 0 transparent,0 0 0 1px #D6D6D6 inset;
    -moz-box-shadow: 0 1px 0 transparent,0 0 0 1px #D6D6D6 inset;
    box-shadow: 0 1px 0 transparent,0 0 0 1px #D6D6D6 inset;
}
/* datatable scroll-y bug fix for firefox */
.dataTables_scroll .dataTables_scrollHead,
.dataTables_scroll .dataTables_scrollBody,
.dataTables_scroll + .dt-toolbar-footer {
    float: left;
}

.dataTables_scroll + .dt-toolbar-footer {
    width: 100%;
}

.dataTables_scroll .dataTables_scrollHeadInner {
    margin-top: -6px;
}

.dataTables_scroll .dataTables_scrollHead {
    background: #f4f4f4;
}
/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dropzone {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    padding: 1em;
}

    .dropzone.dz-clickable {
        cursor: pointer;
    }

        .dropzone.dz-clickable .dz-message,
        .dropzone.dz-clickable .dz-message span {
            cursor: pointer;
        }

        .dropzone.dz-clickable * {
            cursor: default;
        }

    .dropzone .dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    .dropzone.dz-drag-hover {
        background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
        background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
        background-color: #fafafa;
        background-size: 22px 22px;
        border: 5px dashed #ccc;
    }

    .dropzone.dz-started .dz-message {
        display: none;
    }

    .dropzone .dz-preview,
    .dropzone-previews .dz-preview {
        background: rgba(255, 255, 255, 0.8);
        position: relative;
        display: inline-block;
        margin: 10px;
        vertical-align: top;
        border: 1px solid #acacac;
        padding: 6px 6px 6px 6px;
    }

        .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
        .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
            display: none;
        }

        .dropzone .dz-preview .dz-details,
        .dropzone-previews .dz-preview .dz-details {
            width: 100px;
            height: 100px;
            position: relative;
            background: #ebebeb;
            padding: 5px;
            margin-bottom: 22px;
        }

            .dropzone .dz-preview .dz-details .dz-filename,
            .dropzone-previews .dz-preview .dz-details .dz-filename {
                overflow: hidden;
                height: 100%;
            }

            .dropzone .dz-preview .dz-details img,
            .dropzone-previews .dz-preview .dz-details img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100px;
                height: 100px;
            }

            .dropzone .dz-preview .dz-details .dz-size,
            .dropzone-previews .dz-preview .dz-details .dz-size {
                position: absolute;
                bottom: -28px;
                left: 3px;
                height: 28px;
                line-height: 28px;
            }

        .dropzone .dz-preview.dz-error .dz-error-mark,
        .dropzone-previews .dz-preview.dz-error .dz-error-mark {
            display: block;
        }

        .dropzone .dz-preview.dz-success .dz-success-mark,
        .dropzone-previews .dz-preview.dz-success .dz-success-mark {
            display: block;
        }

        .dropzone .dz-preview:hover .dz-details img,
        .dropzone-previews .dz-preview:hover .dz-details img {
            display: none;
        }

        .dropzone .dz-preview .dz-success-mark,
        .dropzone-previews .dz-preview .dz-success-mark,
        .dropzone .dz-preview .dz-error-mark,
        .dropzone-previews .dz-preview .dz-error-mark {
            display: none;
            position: absolute;
            width: 40px;
            height: 40px;
            font-size: 30px;
            text-align: center;
            right: -10px;
            top: -10px;
        }

        .dropzone .dz-preview .dz-success-mark,
        .dropzone-previews .dz-preview .dz-success-mark {
            color: #8cc657;
        }

        .dropzone .dz-preview .dz-error-mark,
        .dropzone-previews .dz-preview .dz-error-mark {
            color: #ee162d;
        }

        .dropzone .dz-preview .dz-progress,
        .dropzone-previews .dz-preview .dz-progress {
            position: absolute;
            top: 100px;
            left: 6px;
            right: 6px;
            height: 6px;
            background: #d7d7d7;
            display: none;
        }

            .dropzone .dz-preview .dz-progress .dz-upload,
            .dropzone-previews .dz-preview .dz-progress .dz-upload {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 0%;
                background-color: #8cc657;
            }

        .dropzone .dz-preview.dz-processing .dz-progress,
        .dropzone-previews .dz-preview.dz-processing .dz-progress {
            display: block;
        }

        .dropzone .dz-preview .dz-error-message,
        .dropzone-previews .dz-preview .dz-error-message {
            display: none;
            position: absolute;
            top: -5px;
            left: -20px;
            background: rgba(245, 245, 245, 0.8);
            padding: 8px 10px;
            color: #800;
            min-width: 140px;
            max-width: 500px;
            z-index: 500;
        }

        .dropzone .dz-preview:hover.dz-error .dz-error-message,
        .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
            display: block;
        }

.dropzone {
    border: 1px solid rgba(0, 0, 0, 0.03);
    min-height: 360px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.03);
}

    .dropzone .dz-default.dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        /*background-image: url("@{base-url}/dropzone/spritemap.png");*/
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        width: 428px;
        height: 123px;
        margin-left: -214px;
        margin-top: -61.5px;
        top: 50%;
        left: 50%;
    }

        .dropzone .dz-default.dz-message span {
            /*display: none;*/
        }

    .dropzone.dz-square .dz-default.dz-message {
        background-position: 0 -123px;
        width: 268px;
        margin-left: -134px;
        height: 174px;
        margin-top: -87px;
    }

    .dropzone.dz-drag-hover .dz-message {
        opacity: 0.15;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
        filter: alpha(opacity=15);
    }

    .dropzone.dz-started .dz-message {
        display: block;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }

    .dropzone .dz-preview,
    .dropzone-previews .dz-preview {
        -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
        font-size: 14px;
    }

        .dropzone .dz-preview.dz-image-preview:hover .dz-details img,
        .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
            display: block;
            opacity: 0.1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
            filter: alpha(opacity=10);
        }

        .dropzone .dz-preview.dz-success .dz-success-mark,
        .dropzone-previews .dz-preview.dz-success .dz-success-mark {
            opacity: 1;
            -ms-filter: none;
            filter: none;
        }

        .dropzone .dz-preview.dz-error .dz-error-mark,
        .dropzone-previews .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -ms-filter: none;
            filter: none;
        }

        .dropzone .dz-preview.dz-error .dz-progress .dz-upload,
        .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
            background: #ee1e2d;
        }

        .dropzone .dz-preview .dz-error-mark,
        .dropzone-previews .dz-preview .dz-error-mark,
        .dropzone .dz-preview .dz-success-mark,
        .dropzone-previews .dz-preview .dz-success-mark {
            display: block;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -webkit-transition: opacity 0.4s ease-in-out;
            -moz-transition: opacity 0.4s ease-in-out;
            -o-transition: opacity 0.4s ease-in-out;
            -ms-transition: opacity 0.4s ease-in-out;
            transition: opacity 0.4s ease-in-out;
            background-image: url("../img/dropzone/spritemap.png");
            background-repeat: no-repeat;
        }

            .dropzone .dz-preview .dz-error-mark span,
            .dropzone-previews .dz-preview .dz-error-mark span,
            .dropzone .dz-preview .dz-success-mark span,
            .dropzone-previews .dz-preview .dz-success-mark span {
                display: none;
            }

        .dropzone .dz-preview .dz-error-mark,
        .dropzone-previews .dz-preview .dz-error-mark {
            background-position: -268px -123px;
        }

        .dropzone .dz-preview .dz-success-mark,
        .dropzone-previews .dz-preview .dz-success-mark {
            background-position: -268px -163px;
        }

        .dropzone .dz-preview .dz-progress .dz-upload,
        .dropzone-previews .dz-preview .dz-progress .dz-upload {
            -webkit-animation: loading 0.4s linear infinite;
            -moz-animation: loading 0.4s linear infinite;
            -o-animation: loading 0.4s linear infinite;
            -ms-animation: loading 0.4s linear infinite;
            animation: loading 0.4s linear infinite;
            -webkit-transition: width 0.3s ease-in-out;
            -moz-transition: width 0.3s ease-in-out;
            -o-transition: width 0.3s ease-in-out;
            -ms-transition: width 0.3s ease-in-out;
            transition: width 0.3s ease-in-out;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background-image: url("../img/dropzone/spritemap.png");
            background-repeat: repeat-x;
            background-position: 0px -400px;
        }

        .dropzone .dz-preview.dz-success .dz-progress,
        .dropzone-previews .dz-preview.dz-success .dz-progress {
            display: block;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -webkit-transition: opacity 0.4s ease-in-out;
            -moz-transition: opacity 0.4s ease-in-out;
            -o-transition: opacity 0.4s ease-in-out;
            -ms-transition: opacity 0.4s ease-in-out;
            transition: opacity 0.4s ease-in-out;
        }

        .dropzone .dz-preview .dz-error-message,
        .dropzone-previews .dz-preview .dz-error-message {
            display: block;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -webkit-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
        }

        .dropzone .dz-preview:hover.dz-error .dz-error-message,
        .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
            opacity: 1;
            -ms-filter: none;
            filter: none;
        }

    .dropzone a.dz-remove,
    .dropzone-previews a.dz-remove {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3883c5), color-stop(1, #4a90cc));
        background-image: -webkit-linear-gradient(top, #3883c5 0, #4a90cc 100%);
        background-image: -moz-linear-gradient(top, #3883c5 0, #4a90cc 100%);
        background-image: -o-linear-gradient(top, #3883c5 0, #4a90cc 100%);
        background-image: -ms-linear-gradient(top, #3883c5 0, #4a90cc 100%);
        background-image: linear-gradient(top, #3883c5 0, #4a90cc 100%);
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #3276b1;
        text-decoration: none;
        display: block;
        padding: 4px 5px;
        text-align: center;
        color: #fff;
        margin-top: 26px;
    }

        .dropzone a.dz-remove:hover,
        .dropzone-previews a.dz-remove:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #357ebd), color-stop(1, #3e88c9));
            background-image: -webkit-linear-gradient(top, #357ebd 0, #3e88c9 100%);
            background-image: -moz-linear-gradient(top, #357ebd 0, #3e88c9 100%);
            background-image: -o-linear-gradient(top, #357ebd 0, #3e88c9 100%);
            background-image: -ms-linear-gradient(top, #357ebd 0, #3e88c9 100%);
            background-image: linear-gradient(top, #357ebd 0, #3e88c9 100%);
            color: #fff;
        }

@-moz-keyframes loading {
    0% {
        background-position: 0 -400px;
    }

    100% {
        background-position: -7px -400px;
    }
}

@-webkit-keyframes loading {
    0% {
        background-position: 0 -400px;
    }

    100% {
        background-position: -7px -400px;
    }
}

@-o-keyframes loading {
    0% {
        background-position: 0 -400px;
    }

    100% {
        background-position: -7px -400px;
    }
}

@-ms-keyframes loading {
    0% {
        background-position: 0 -400px;
    }

    100% {
        background-position: -7px -400px;
    }
}

@keyframes loading {
    0% {
        background-position: 0 -400px;
    }

    100% {
        background-position: -7px -400px;
    }
}
/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dropzone {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    padding: 1em;
}

    .dropzone.dz-clickable {
        cursor: pointer;
    }

        .dropzone.dz-clickable .dz-message,
        .dropzone.dz-clickable .dz-message span {
            cursor: pointer;
        }

        .dropzone.dz-clickable * {
            cursor: default;
        }

    .dropzone .dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    .dropzone.dz-drag-hover {
        border-color: rgba(0, 0, 0, 0.15);
        background: rgba(0, 0, 0, 0.04);
    }

    .dropzone.dz-started .dz-message {
        display: none;
    }

    .dropzone .dz-preview,
    .dropzone-previews .dz-preview {
        background: rgba(255, 255, 255, 0.8);
        position: relative;
        display: inline-block;
        margin: 17px;
        vertical-align: top;
        border: 1px solid #acacac;
        padding: 6px 6px 6px 6px;
    }

        .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
        .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
            display: none;
        }

        .dropzone .dz-preview .dz-details,
        .dropzone-previews .dz-preview .dz-details {
            width: 100px;
            height: 100px;
            position: relative;
            background: #ebebeb;
            padding: 5px;
            margin-bottom: 22px;
        }

            .dropzone .dz-preview .dz-details .dz-filename,
            .dropzone-previews .dz-preview .dz-details .dz-filename {
                overflow: hidden;
                height: 100%;
            }

            .dropzone .dz-preview .dz-details img,
            .dropzone-previews .dz-preview .dz-details img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100px;
                height: 100px;
            }

            .dropzone .dz-preview .dz-details .dz-size,
            .dropzone-previews .dz-preview .dz-details .dz-size {
                position: absolute;
                bottom: -28px;
                left: 3px;
                height: 28px;
                line-height: 28px;
            }

        .dropzone .dz-preview.dz-error .dz-error-mark,
        .dropzone-previews .dz-preview.dz-error .dz-error-mark {
            display: block;
        }

        .dropzone .dz-preview.dz-success .dz-success-mark,
        .dropzone-previews .dz-preview.dz-success .dz-success-mark {
            display: block;
        }

        .dropzone .dz-preview:hover .dz-details img,
        .dropzone-previews .dz-preview:hover .dz-details img {
            display: none;
        }

        .dropzone .dz-preview .dz-success-mark,
        .dropzone-previews .dz-preview .dz-success-mark,
        .dropzone .dz-preview .dz-error-mark,
        .dropzone-previews .dz-preview .dz-error-mark {
            display: none;
            position: absolute;
            width: 40px;
            height: 40px;
            font-size: 30px;
            text-align: center;
            right: -10px;
            top: -10px;
        }

        .dropzone .dz-preview .dz-success-mark,
        .dropzone-previews .dz-preview .dz-success-mark {
            color: #8cc657;
        }

        .dropzone .dz-preview .dz-error-mark,
        .dropzone-previews .dz-preview .dz-error-mark {
            color: #ee162d;
        }

        .dropzone .dz-preview .dz-progress,
        .dropzone-previews .dz-preview .dz-progress {
            position: absolute;
            top: 100px;
            left: 6px;
            right: 6px;
            height: 6px;
            background: #d7d7d7;
            display: none;
        }

            .dropzone .dz-preview .dz-progress .dz-upload,
            .dropzone-previews .dz-preview .dz-progress .dz-upload {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 0%;
                background-color: #8cc657;
            }

        .dropzone .dz-preview.dz-processing .dz-progress,
        .dropzone-previews .dz-preview.dz-processing .dz-progress {
            display: block;
        }

        .dropzone .dz-preview .dz-error-message,
        .dropzone-previews .dz-preview .dz-error-message {
            display: none;
            position: absolute;
            top: -5px;
            left: -20px;
            background: rgba(245, 245, 245, 0.8);
            padding: 8px 10px;
            color: #800;
            min-width: 140px;
            max-width: 500px;
            z-index: 500;
        }

        .dropzone .dz-preview:hover.dz-error .dz-error-message,
        .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
            display: block;
        }

.easy-pie-title {
    display: inline-block;
    margin: 10px 6px 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100px;
    height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .easy-pie-title .icon-color-good,
    .easy-pie-title .icon-color-bad {
        font-size: 18px;
    }

.easy-pie-chart {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

    .easy-pie-chart .percent {
        color: #444;
        display: block;
        font-size: 12px;
        font-weight: 700;
        margin-top: -10px;
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
    }

        .easy-pie-chart .percent .fa {
            display: none;
        }

.degree-sign:after,
.percent-sign:after {
    content: " %";
    line-height: normal;
}
/* The styles given to the associated form element in order to hide it */
.fd-form-element-hidden {
    display: none;
}
/* Horizontal Outer wrapper - all other DOM elements added as children to this top level wrapper */
.fd-slider {
    width: 100%;
    /* The height of the slider handle */
    height: 20px;
    margin: 0;
}
/* Vertical Outer wrapper - all other DOM elements added as children to this top level wrapper */
.fd-slider-vertical {
    /* The width of the slider handle */
    width: 20px;
    /* Fill the available space */
    height: 100%;
    /* Set a 10 pixel right and bottom margin */
    margin: 0 10px 10px 0;
    /* You may wish to float the vertical sliders left or display:inline-block */
    /* float:left; */
}
/* Shared rules - both horizontal & vertical sliders */
.fd-slider,
.fd-slider-vertical {
    /* display:block required as the wrapper element is a span */
    display: block;
    /* This lets us absolutely position the drag handle */
    position: relative;
    text-decoration: none;
    border: 0 none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-touch-callout: none;
    user-select: none;
}

.fd-slider-inner {
    /* Used by IE for the onfocus blur effect */
    display: none;
}
/* The inner track bar */
.fd-slider-bar {
    position: absolute;
    display: block;
    z-index: 2;
    height: 6px;
    width: 100%;
    border: 1px solid #bbb;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 4px;
    top: 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #333;
}
/* The animated range bar */
.fd-slider-range {
    position: absolute;
    display: block;
    z-index: 3;
    height: 6px;
    margin: 0;
    padding: 0 2px 0 0;
    overflow: hidden;
    top: 9px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #eee;
}
/* The drag handle */
.fd-slider-handle {
    position: absolute;
    display: block;
    padding: 0;
    border: 0 none;
    margin: 0 0 0 1px;
    z-index: 3;
    top: 5px;
    left: 0;
    width: 12px;
    height: 12px;
    line-height: 1px !important;
    outline: 0 none;
    background: #eee;
    border: 1px solid #aaa;
    border-radius: 12px;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -moz-user-focus: none;
    -moz-outline: 0 none;
    user-select: none;
}
    /* Focus styles */
    .fd-slider-handle:focus {
        outline: 0 none;
        border: 0 none;
        -moz-user-focus: normal;
    }

button.fd-slider-handle:focus::-moz-focus-inner {
    border-color: transparent;
}

body.fd-slider-drag-vertical,
body.fd-slider-drag-vertical * {
    /* Stop text selection */
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

body.fd-slider-drag-horizontal,
body.fd-slider-drag-horizontal * {
    /* Stop text selection */
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
/*
	 Sample tooltip code. Only works on grade A browsers (so no IE6,7 or 8).
	
	 See: http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/ for full info on
	 how to style generated content & the associated pitfalls
	
	 This code to be taken as experimental & untested - use at your discretion
	
	 If showing the tooltip above the sider handle you are relegated to showing
	 single line tooltips due to styling constraints!
	 */
.fd-slider-handle:before,
.fd-slider-handle:after {
    /* Remove from screen */
    opacity: 0;
    /* The following rules are not really needed as no browser yet supports CSS transitions
		 on generated content but I'll leave it in for the day when they do! */
    /* Firefox */
    -moz-transition-property: opacity;
    -moz-transition-duration: 1s;
    -moz-transition-delay: 1s;
    /* WebKit */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;
    -webkit-transition-delay: 1s;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 1s;
    -o-transition-delay: 1s;
    /* Standard */
    transition-property: opacity;
    transition-duration: 1s;
    transition-delay: 1s;
}
/*
	 The tooltip body - as we position it above the slider and position the tooltip arrow
	 below it, we need to know the height of the body. This means that multi-line tooltips
	 are not supported.
	
	 To support multi-line tooltips, you will need to position the tooltip below the slider
	 and the tooltip pointer above the tooltip body. Additionally, you will have to set the
	 tooltip bodies "height" to auto
	 */
.fd-slider-focused .fd-slider-handle:before,
.fd-slider-hover .fd-slider-handle:before,
.fd-slider-active .fd-slider-handle:before {
    display: block;
    position: absolute;
    top: -21px;
    left: -8px;
    margin: 0;
    width: 20px;
    padding: 3px;
    height: 14px;
    line-height: 12px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px #1a3a95;
    background: #2f6ee0;
    z-index: 1;
    /* Use the ARIA valuetext property, set by the script, to generate the tooltip content */
    content: attr(aria-valuetext);
    /* Border radius and box shadow */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: 0 0 4px #aaa;
    -webkit-box-shadow: 0 0 4px #aaa;
    box-shadow: 0px 0px 4px #999;
    /* Change opacity for transition */
    opacity: 1;
}
/* The tooltip pointer */
.fd-slider-focused .fd-slider-handle:after,
.fd-slider-hover .fd-slider-handle:after,
.fd-slider-active .fd-slider-handle:after {
    outline: none;
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    left: 50%;
    margin: 0 0 0 -5px;
    background: #2f6ee0;
    z-index: 2;
    width: 10px;
    height: 10px;
    overflow: hidden;
    /* Rotate element by 45 degress to get the "\/" pointer effect */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    /* Add a box shadow */
    -moz-box-shadow: 0 0 4px #aaa;
    -webkit-box-shadow: 0 0 4px #aaa;
    box-shadow: 0 0 4px #aaa;
    /* Clip */
    clip: rect(4px, 14px, 14px, 4px);
    /* Change opacity for transition */
    opacity: 1;
}
/* Remove completely for IE */
.oldie .fd-slider-handle:before,
.oldie .fd-slider-handle:after {
    display: none;
}
/*!
 * FullCalendar v2.0.2 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
    direction: ltr;
    text-align: left;
}

    .fc table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    html .fc,
    .fc table {
        font-size: 1em;
    }

    .fc td,
    .fc th {
        padding: 0;
        vertical-align: top;
    }
/* Header
------------------------------------------------------------------------*/
.fc-header td {
    white-space: nowrap;
}

.fc-header-left {
    width: 25%;
    text-align: left;
}

.fc-header-center {
    text-align: center;
}

.fc-header-right {
    width: 25%;
    text-align: right;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
}

    .fc-header-title h2 {
        margin-top: 0;
        white-space: nowrap;
    }

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
    margin-right: -1px;
}

.fc-header .fc-corner-right,
.fc-header .ui-corner-right {
    /* theme */
    margin-right: 0;
    /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
    position: relative;
    z-index: 1;
    /* scopes all other z-index's to be inside this container */
    clear: both;
    zoom: 1;
    /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
    position: relative;
    width: 100%;
    overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header,
.fc-widget-content {
    /* <td>, usually */
    border: 1px solid #ddd;
}

.fc-state-highlight {
    /* <td> today cell */
    /* TODO: add .fc-today to <th> */
    background: #fcf8e3;
}

.fc-cell-overlay {
    /* semi-transparent rectangle while dragging */
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30);
    /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
    position: relative;
    display: inline-block;
    padding: 0 .6em;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
}

.fc-state-default {
    /* non-theme */
    border: 1px solid;
}

    .fc-state-default.fc-corner-left {
        /* non-theme */
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .fc-state-default.fc-corner-right {
        /* non-theme */
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/
.fc-button .fc-icon {
    margin: 0 .1em;
    font-size: 2em;
    font-family: "Courier New", Courier, monospace;
    vertical-align: baseline;
    /* for IE7 */
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
}
/* icon (for jquery ui) */
.fc-button .ui-icon {
    position: relative;
    top: 50%;
    float: left;
    margin-top: -8px;
    /* we know jqui icons are always 16px tall */
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
    z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
    z-index: 9;
}

.fc-event {
    border: 1px solid #3a87ad;
    /* default BORDER color */
    background-color: #3a87ad;
    /* default BACKGROUND color */
    color: #fff;
    /* default TEXT color */
    font-size: .85em;
    cursor: default;
}

a.fc-event {
    text-decoration: none;
}

a.fc-event,
.fc-event-draggable {
    cursor: pointer;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fc-event-time,
.fc-event-title {
    padding: 0 1px;
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    /* hacky spaces (IE6/7) */
    font-size: 300%;
    /* */
    line-height: 50%;
    /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/* resizable */
.fc-event-hori .ui-resizable-e {
    top: 0 !important;
    /* importants override pre jquery ui 1.7 styles */
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px;
    /* IE6 had 0 height */
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px;
}

    .fc-border-separate th.fc-last,
    .fc-border-separate td.fc-last {
        border-right-width: 1px;
    }

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
    border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
    text-align: center;
}

.fc .fc-week-number {
    width: 22px;
    text-align: center;
}

    .fc .fc-week-number div {
        padding: 0 2px;
    }

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* for IE */
    /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px;
    /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
    font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    font-weight: normal;
}

.fc-agenda-slots .fc-agenda-axis {
    white-space: nowrap;
}

.fc-agenda .fc-week-number {
    font-weight: bold;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px;
    /* TODO: doesnt work well in quirksmode */
    _height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

    .fc-agenda-slots td div {
        height: 20px;
    }

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted;
}

    .fc-agenda-slots tr.fc-minor th.ui-widget-header {
        *border-top-style: solid;
        /* doesn't work with background in IE6/7 */
    }
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
    border-width: 0 1px;
}

    .fc-event-vert.fc-event-start {
        border-top-width: 1px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .fc-event-vert.fc-event-end {
        border-bottom-width: 1px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .fc-event-vert .fc-event-time {
        white-space: nowrap;
        font-size: 10px;
    }

    .fc-event-vert .fc-event-inner {
        position: relative;
        z-index: 2;
    }

    .fc-event-vert .fc-event-bg {
        /* makes the event lighter w/ a semi-transparent overlay  */
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .25;
        filter: alpha(opacity=25);
    }

.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
    display: none\9;
    /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    /* importants override pre jquery ui 1.7 styles */
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
    /* TODO: better selector */
    _overflow: hidden;
}
/*
 * CUSTOM
 */
.fc-event-title .fa {
    font-size: 14px;
    margin-top: 4px;
    margin-right: 4px;
}

.fc-grid .fc-event-time {
    display: block;
}

.fc-event {
    border: none !important;
    border-right: none;
    border-left: 6px solid rgba(0, 0, 0, 0.15) !important;
    padding-left: 2px;
}

    .fc-event.fc-event-draggable {
        cursor: move;
    }

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start,
.fc-event-vert.fc-event-end {
    border-right-width: 0px;
    border-radius: 0px;
}

    .fc-ltr .fc-event-hori.fc-event-end:active,
    .fc-rtl .fc-event-hori.fc-event-start:active,
    .fc-event-vert.fc-event-end:active {
        opacity: .8;
    }
/*
 * Ion Slider
 */
/* =====================================================================================================================
 // RangeSlider */
.irs {
    position: relative;
    display: block;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}

.irs-line-left {
    left: 0;
    width: 10%;
}

.irs-line-mid {
    left: 10%;
    width: 80%;
}

.irs-line-right {
    right: 0;
    width: 10%;
}

.irs-diapason {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}

    .irs-slider.single {
        left: 10px;
    }

        .irs-slider.single:before {
            position: absolute;
            display: block;
            content: "";
            top: -50%;
            left: -150%;
            width: 400%;
            height: 200%;
            background: rgba(0, 0, 0, 0);
        }

    .irs-slider.from {
        left: 100px;
    }

        .irs-slider.from:before {
            position: absolute;
            display: block;
            content: "";
            top: -50%;
            left: -300%;
            width: 400%;
            height: 200%;
            background: rgba(0, 0, 0, 0);
        }

    .irs-slider.to {
        left: 300px;
    }

        .irs-slider.to:before {
            position: absolute;
            display: block;
            content: "";
            top: -50%;
            left: 0;
            width: 400%;
            height: 200%;
            background: rgba(0, 0, 0, 0);
        }

    .irs-slider.last {
        z-index: 2;
    }

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

    .irs-grid-pol.small {
        height: 4px;
    }

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    color: #000;
}
/*
 * CUST
 *
 */
.irs {
    height: 40px;
}

.irs-with-grid {
    height: 60px;
}

.irs-line {
    height: 8px;
    top: 25px;
    background: #eeeeee;
}

.irs-line-left {
    height: 8px;
}

.irs-line-mid {
    height: 8px;
}

.irs-line-right {
    height: 8px;
}

.irs-diapason {
    height: 8px;
    top: 25px;
}

.irs-slider {
    width: 10px;
    height: 22px;
    top: 17px;
    border: 1px solid #ffffff;
    background: #858585;
}

    .irs-slider:hover {
        background: #6c6c6c;
    }

#irs-active-slider {
    background: #686868;
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px 0px;
    width: 12px;
    height: 24px;
    top: 16px;
}

.irs-min,
.irs-max {
    color: #999999;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 3px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
    background: #bfbfbf;
}

.irs-from,
.irs-to,
.irs-single {
    color: #ffffff;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0;
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
    background: #999999;
}

.irs-grid-pol {
    background: #99a4ac;
}

.irs-grid-text {
    color: #99a4ac;
}

.irs-diapason {
    background: #3276b1;
}
/*

	 Copyright 2013 - SmartAdmin : WebApp (Sunny)
	
	 * This is part of an item on wrapbootstrap.com
	 * https://wrapbootstrap.com/user/myorange
	 * ==================================
	
	 Table of Contents
	 ---------------------------------------------------------------
	
	 - Main
	 - Header
	 - Content
	 - Edit box
	 - Timestamp
	 - Helpers
	 - Fullscreen
	 - Styling
	 - Custom styles
	 - Icons - A few used examples
	 - RTL support
	 - Clearfix
	 - Examples (minimalistic in grid)
	 - Examples (lists)
	
	 */
/*
	 * MAIN
	 */
article.sortable-grid {
    min-height: 30px;
}

.jarviswidget {
    margin: 0 0 10px 0;
    position: relative;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0;
}

.widget-content-padding {
    padding: 20px;
}

    .widget-content-padding .well {
        margin-bottom: 0px;
    }
/*
	 * HEADER
	 */
.jarviswidget > header {
    height: 34px;
    padding: 0;
    line-height: 40px;
}

    .jarviswidget > header > .widget-icon {
        display: block;
        width: 30px;
        height: 32px;
        position: relative;
        float: left;
        font-size: 111%;
        line-height: 32px;
        text-align: center;
        margin-right: -10px;
    }

    .jarviswidget > header h2 {
        height: 100%;
        width: auto;
        display: inline-block;
        font-size: 14px;
        position: relative;
        margin: 0;
        line-height: 34px;
        font-weight: normal;
        letter-spacing: 0px;
    }

    .jarviswidget > header > h2 {
        margin-left: 10px;
        float: left;
    }

    .jarviswidget > header > :first-child.widget-icon {
        margin-left: 0;
    }

    .jarviswidget > header .jarviswidget-icon {
        width: 16px;
        height: 16px;
        float: left;
        margin: 12px 10px 0 0;
        display: block;
        zoom: 1;
        z-index: 4000;
    }

.ui-sortable .jarviswidget-sortable > header {
    cursor: move;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    line-height: normal;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

.ui-sortable .jarviswidget-sortable.jarviswidget-collapsed > header {
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.jarviswidget-ctrls {
    width: auto;
    float: right;
    padding: 0;
    margin: 0;
}

    .jarviswidget-ctrls .button-icon {
        min-width: 30px;
        height: 32px;
        float: left;
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        border-left: 1px solid rgba(0, 0, 0, 0.09);
    }

        .jarviswidget-ctrls .button-icon:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }

.jarviswidget-loader {
    width: 32px;
    height: 32px;
    margin: 0;
    float: right;
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
    text-align: center;
    line-height: 32px;
    font-size: 111%;
}
/*
	 * CONTENT
	 */
.jarviswidget > div {
    float: left;
    width: 100%;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0;
    border-width: 0px 1px 2px 1px;
    /* border-style: solid; */
    border-top: none;
    border-right-color: #CCC !important;
    border-bottom-color: #CCC !important;
    border-left-color: #CCC !important;
    padding: 6px 6px 0px;
    overflow: visible;
}

.jarviswidget .widget-body {
    min-height: 100px;
    position: relative;
    padding-bottom: 13px;
}

    .jarviswidget .widget-body.widget-hide-overflow {
        overflow: hidden;
    }

.widget-toolbar.no-border {
    border-left: none;
}

.widget-body.no-padding {
    margin: -13px -13px 0px;
}

    .widget-body.no-padding .alert {
        margin: 0 0 10px;
        padding: 10px;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        border-width: 0px 0px 1px !important;
        border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
    }

.jarviswidget.well.transparent .widget-body.no-padding {
    margin: 0px !important;
}

.widget-body > table {
    margin-bottom: 0;
}

.widget-body.no-padding .cke_chrome,
.no-padding .md-editor {
    border: none;
}

.widget-toolbar > .smart-form {
    margin-top: 2px;
}

    .widget-toolbar > .smart-form .toggle:last-child {
        font-size: 12px;
        line-height: 29px;
    }

    .widget-toolbar > .smart-form .radio input + i,
    .widget-toolbar > .smart-form .checkbox input + i,
    .widget-toolbar > .smart-form .toggle input + i {
        border-width: 1px;
        border-color: #C7C7C7 !important;
        margin-top: 1px;
        box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
        -webkit-box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
        -moz-box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
    }
/*
	 * WELL WIDGET
	 */
.jarviswidget.well {
    margin: 0 0 30px 0;
}

    .jarviswidget.well > div {
        border: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }

    .jarviswidget.well header {
        display: none;
    }
/*
	 * WIDGET FOOTER
	 */
.widget-footer {
    display: block;
    min-height: 32px;
    vertical-align: middle;
    position: relative;
    background-color: #F8F7F7;
    padding: 5px;
    border-top: 1px solid #E4E4E4;
    text-align: right;
    margin: 0px -13px -13px;
}

.no-padding .widget-footer {
    margin: 0;
}

.widget-footer.smart-form > label {
    margin-top: 4px;
    display: block;
}
/*
	 * EDIT BOX
	 */
.jarviswidget-editbox {
    display: none;
    padding: 10px;
}
/*.jarviswidget-editbox div {
		width: 100%;
		float: left;
		margin-bottom: 0;
	}
	.jarviswidget-editbox label {
		width: 80px;
		height: 26px;
		float: left;
		line-height: 26px;
		font-weight: bold;
		margin-bottom:0;
	}
	.jarviswidget-editbox input {
		width: 200px;
		height: 24px;
		padding: 0 5px;
		border: 1px solid #666;
	}
	.jarviswidget-editbox span {
		height: 26px;
		width: 26px;
		float: left;
		margin: 0 5px 0 0;
		cursor: pointer;
	}*/
/*
	 * TIMESTAMP
	 */
.jarviswidget-timestamp {
    font-size: 12px;
    color: #868686;
    font-style: italic;
    margin: 10px 0 0;
}
/*
	 * HELPERS
	 */
.jarviswidget-placeholder {
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 28px;
    /* adjusted from 28px */
    padding: 0;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*
	 * FULL SCREEN
	 */
body.nooverflow {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

#jarviswidget-fullscreen-mode {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
}

    #jarviswidget-fullscreen-mode .jarviswidget {
        margin: 0;
        -moz-border-radius: 0;
        -khtml-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        #jarviswidget-fullscreen-mode .jarviswidget > div {
            overflow-y: scroll;
            -moz-border-radius: 0;
            -khtml-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }

    #jarviswidget-fullscreen-mode > div > header {
        cursor: default;
    }
/*
	 * WIDGET BODY TOOLBAR
	 */
.widget-body-toolbar,
.smart-form.widget-body-toolbar {
    display: block;
    padding: 8px 10px;
    margin: -13px -13px 13px;
    min-height: 42px;
    border-bottom: 1px solid #ccc;
    background: #fafafa;
}

.no-padding.widget-body-toolbar,
.no-padding .widget-body-toolbar,
.no-padding .smart-form.widget-body-toolbar {
    display: block;
    margin: 0px;
}

.widget-body-toolbar.smart-form .inline-group,
.smart-form .widget-body-toolbar .inline-group {
    float: left;
    margin-top: 4px;
}

.widget-body-toolbar .btn {
    vertical-align: middle;
}

.widget-body-toolbar .btn-xs {
    margin-top: 5px;
}
/*
	 * WIDGET BODY AJAX LOAD
	 */
.widget-body-ajax-loading::before {
    content: url('../img/ajax-loader.gif');
    padding-top: 18%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    display: block;
    background: rgba(255, 255, 255, 0.4);
    height: 100%;
    z-index: 1;
    width: 100%;
    position: absolute;
}

.widget-body-ajax-loading:hover {
    cursor: wait !important;
}
/*
	 * STYLING
	 * Default
	 */
.jarviswidget > header {
    color: #333;
    /*border: 1px solid #C2C2C2;*/
    background: #fafafa;
}

.jarviswidget > div {
    background-color: #fff !important;
}

.jarviswidget-editbox {
    /*border-bottom: 1px solid #B1B1B1;*/
    background-color: #fff;
    /*margin: -13px -13px 13px;*/
}

.no-padding .jarviswidget-editbox {
    margin: 0 0 10px;
}

.jarviswidget-placeholder {
    background-color: #FFC;
    border: 1px dashed #A7A7A7;
}
/*
	 * CUSTOM STYLES
	 */
/* remove colors */
.jarviswidget-remove-colors {
    color: #333 !important;
    padding: 0 !important;
    background: none !important;
}
/* magenta theme */
.jarviswidget-color-magenta > header {
    border-color: #643167 !important;
    background: #6e3671;
    color: #ffffff;
}

    .jarviswidget-color-magenta > header > .jarviswidget-ctrls a,
    .jarviswidget-color-magenta .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-magenta .nav-tabs li a:hover {
    color: #333 !important;
}
/* pink theme */
.jarviswidget-color-pink > header {
    border-color: #a24d7f !important;
    background: #ac5287;
    color: #ffffff;
}

    .jarviswidget-color-pink > header > .jarviswidget-ctrls a,
    .jarviswidget-color-pink .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-pink .nav-tabs li a:hover {
    color: #333 !important;
}
/* pinkDark theme */
.jarviswidget-color-pinkDark > header {
    border-color: #a27998 !important;
    background: #a8829f;
    color: #ffffff;
}

    .jarviswidget-color-pinkDark > header > .jarviswidget-ctrls a,
    .jarviswidget-color-pinkDark .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-pinkDark .nav-tabs li a:hover {
    color: #333 !important;
}
/* yellow theme */
.jarviswidget-color-yellow > header {
    border-color: #aa9452 !important;
    background: #b09b5b;
    color: #ffffff;
}

    .jarviswidget-color-yellow > header > .jarviswidget-ctrls a,
    .jarviswidget-color-yellow .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-yellow .nav-tabs li a:hover {
    color: #333 !important;
}
/* orange theme */
.jarviswidget-color-orange > header {
    border-color: #ba871f !important;
    background: #c79121;
    color: #ffffff;
}

    .jarviswidget-color-orange > header > .jarviswidget-ctrls a,
    .jarviswidget-color-orange .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-orange .nav-tabs li a:hover {
    color: #333 !important;
}
/* orangeDark theme */
.jarviswidget-color-orangeDark > header {
    border-color: #b1811d !important;
    background: #b6841e;
    color: #ffffff;
}

    .jarviswidget-color-orangeDark > header > .jarviswidget-ctrls a,
    .jarviswidget-color-orangeDark .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-orangeDark .nav-tabs li a:hover {
    color: #333 !important;
}
/* darken theme */
.jarviswidget-color-darken > header {
    border-color: #383838 !important;
    background: #404040;
    color: #ffffff;
}

    .jarviswidget-color-darken > header > .jarviswidget-ctrls a,
    .jarviswidget-color-darken > .nav-tabs > li:not(.active) > a {
        color: #ffffff !important;
    }

.jarviswidget-color-darken .nav-tabs li a:hover {
    color: #333 !important;
}
/* purple theme */
.jarviswidget-color-purple > header {
    border-color: #665271 !important;
    background: #6e587a;
    color: #ffffff;
}

    .jarviswidget-color-purple > header > .jarviswidget-ctrls a,
    .jarviswidget-color-purple .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-purple .nav-tabs li a:hover {
    color: #333 !important;
}
/* teal theme */
.jarviswidget-color-teal > header {
    border-color: #508180 !important;
    background: #568a89;
    color: #ffffff;
}

    .jarviswidget-color-teal > header > .jarviswidget-ctrls a,
    .jarviswidget-color-teal .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-teal .nav-tabs li a:hover {
    color: #333 !important;
}
/* teal theme */
.jarviswidget-color-blueDark > header {
    /*border-color: #45474b !important;*/
    background: #4c4f53;
    color: #ffffff;
}

    .jarviswidget-color-blueDark > header > .jarviswidget-ctrls a,
    .jarviswidget-color-blueDark .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-blueDark .nav-tabs li a:hover {
    color: #333 !important;
}
/* blue theme */
.jarviswidget-color-blue > header {
    border-color: #45474b !important;
    background: #4c4f53;
    color: #ffffff;
}

    .jarviswidget-color-blue > header > .jarviswidget-ctrls a,
    .jarviswidget-color-blue .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-blue .nav-tabs li a:hover {
    color: #333 !important;
}
/* blueLight theme */
.jarviswidget-color-blueLight > header {
    border-color: #a0aeb3 !important;
    background: #cbd2d5;
    color: #000000;
}

    .jarviswidget-color-blueLight > header > .jarviswidget-ctrls a,
    .jarviswidget-color-blueLight .nav-tabs li:not(.active) a {
        color: #2b363c !important;
    }

.jarviswidget-color-blueLight .nav-tabs li a:hover {
    color: #2b363c !important;
}
/* red theme */
.jarviswidget-color-red > header {
    border-color: #9a0325 !important;
    background: #a90329;
    color: #ffffff;
}

    .jarviswidget-color-red > header > .jarviswidget-ctrls a,
    .jarviswidget-color-red .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-red .nav-tabs li a:hover {
    color: #333 !important;
}
/* redLight theme */
.jarviswidget-color-redLight > header {
    border-color: #9c5353 !important;
    background: #a65858;
    color: #ffffff;
}

    .jarviswidget-color-redLight > header > .jarviswidget-ctrls a,
    .jarviswidget-color-redLight .nav-tabs li:not(.active) a {
        color: #fff !important;
    }

.jarviswidget-color-redLight .nav-tabs li a:hover {
    color: #333 !important;
}
/* white theme */
.jarviswidget-color-white > header {
    border-color: #cccccc !important;
    background: #ffffff;
    color: #666666;
}

    .jarviswidget-color-white > header > .jarviswidget-ctrls a,
    .jarviswidget-color-white .nav-tabs li:not(.active) a {
        color: #808080 !important;
    }

.jarviswidget-color-white .nav-tabs li a:hover {
    color: #808080 !important;
}
/* greenDark theme */
.jarviswidget-color-greenDark > header {
    border-color: #436043 !important;
    background: #496949;
    color: #ffffff;
}

    .jarviswidget-color-greenDark > header > .jarviswidget-ctrls a,
    .jarviswidget-color-greenDark .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-greenDark .nav-tabs li a:hover {
    color: #333 !important;
}
/* green theme */
.jarviswidget-color-green > header {
    border-color: #306430 !important;
    background: #356e35;
    color: #ffffff;
}

    .jarviswidget-color-green > header > .jarviswidget-ctrls a,
    .jarviswidget-color-green .nav-tabs li:not(.active) a {
        color: #ffffff !important;
    }

.jarviswidget-color-green .nav-tabs li a:hover {
    color: #333 !important;
}
/* greenLight theme */
.jarviswidget-color-greenLight > header {
    border-color: #687a3a !important;
    background: #71843f;
    color: #ffffff;
}

    .jarviswidget-color-greenLight > header > .jarviswidget-ctrls a,
    .jarviswidget-color-greenLight .nav-tabs li:not(.active) a {
        color: #fff !important;
    }

.jarviswidget-color-greenLight .nav-tabs li a:hover {
    color: #333 !important;
}
/* 
	 * WIDGET COLOR DROPDOWN
	 * 
	 */
.color-select {
    list-style: none;
    margin: 0;
    padding: 4px;
    min-width: 166px;
    max-width: 156px;
    right: -3px;
}

    .color-select li {
        display: block;
        margin: 2px;
        float: left;
    }

        .color-select li span:hover {
            border: 3px solid rgba(0, 0, 0, 0.2);
        }

        .color-select li span,
        .color-box {
            display: block;
            width: 22px;
            height: 22px;
            padding: 0;
            background: #333;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border: 1px solid rgba(0, 0, 0, 0.1);
            cursor: pointer;
        }

.color-box {
    position: relative;
    vertical-align: middle;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    outline: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.3) !important;
}

    .color-box:hover,
    .open .color-box {
        outline: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

    .color-box:hover {
        -webkit-transform: scale(1.07);
        -moz-transform: scale(1.07);
    }

    .color-box:active {
        top: 1px;
        left: 1px;
    }

.widget-toolbar > .color-box {
    margin-top: 7px;
    width: 18px;
    height: 18px;
    outline: 1px solid rgba(0, 0, 0, 0.2);
}

.widget-toolbar .dropdown-menu.color-select {
    right: -1px;
}

.widget-toolbar > .color-box:hover,
.widget-toolbar > .color-box:active,
.widget-toolbar > .color-box:focus {
    outline: 1px solid rgba(0, 0, 0, 0.25) !important;
}
/*
	 * ICONS
	 */
.jarviswidget-ctrls a {
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    line-height: 32px;
    padding: 0;
    margin: 0;
    color: #333;
}
/*
	 * RTL - SUPPORT
	 
	
	.rtl .jarviswidget > header {
		padding: 0 7px 0 0;
	}
	.rtl .jarviswidget > header h2 {
		float: right;
		text-align: right
	}
	.rtl .jarviswidget > header .jarviswidget-icon {
		float: right;
		margin: 12px 0 0 7px;
	}
	.rtl .jarviswidget-ctrls {
		float: left;
		padding: 10px 0 0 3px;
		margin: 0;
	}
	.rtl .jarviswidget-ctrls .button-icon {
		margin: 0 0 5px 5px;
	}
	.rtl .jarviswidget-loader {
		float: left;
	}*/
/*
	 * CLEARFIX
	 */
.jarviswidget:before,
.jarviswidget:after,
.jarviswidget > div:before,
.jarviswidget > div:after,
.inner-spacer:before,
.inner-spacer:after,
.jarviswidget-editbox:before,
.jarviswidget-editbox:after,
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.jarviswidget:after,
.jarviswidget > div:after,
.inner-spacer:after,
.jarviswidget-editbox:after,
.clearfix:after {
    clear: both;
}

.jarviswidget,
.jarviswidget > div,
.inner-spacer:after,
.jarviswidget-editbox,
.clearfix {
    zoom: 1;
    /*IE*/
}
/*
	 * WIDGET TOOLBARS
	 */
.widget-toolbar {
    display: inline-block;
    float: right;
    width: auto;
    height: 32px;
    line-height: 32px;
    position: relative;
    border-left: 1px solid rgba(0, 0, 0, 0.09);
    cursor: pointer;
    padding: 0 8px;
    text-align: center;
}

    .widget-toolbar > :first-child {
        text-align: left;
    }
/*
	 * WIDGET TOOLBAR COMPONENTS
	 */
/*
		 * TABS
		 */
.jarviswidget header .nav-tabs {
    border-bottom-color: transparent;
}

    .jarviswidget header .nav-tabs > li > a {
        border-radius: 0px;
        border: none;
        padding: 7px 15px 6px;
    }

.jarviswidget header:first-child .nav-tabs {
    float: left;
}

    .jarviswidget header:first-child .nav-tabs li {
        padding-left: 0;
    }

        .jarviswidget header:first-child .nav-tabs li a {
            color: #333;
        }

    .jarviswidget header:first-child .nav-tabs.pull-right li:last-child a {
        margin-right: 0px !important;
        border-right: none !important;
    }

.jarviswidget header .nav-tabs > li.active > a,
.jarviswidget header .nav-tabs > li.active > a:hover,
.jarviswidget header .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #FFF;
    border: 1px solid #C2C2C2;
    border-bottom-color: transparent;
    border-top: none;
    cursor: default;
}
/*
		 * PILLS
		 */
.jarviswidget header .nav-pills {
    margin: 3px;
}

    .jarviswidget header .nav-pills > li > a {
        padding: 3px 5px 4px;
    }
/*
		 * BTN GROUPS
		 */
.widget-toolbar .btn-group {
    margin-top: -3px;
}
/*
		 * BTNs
		 */
.widget-toolbar > .btn {
    margin-top: -3px;
    font-size: 12px !important;
    padding: 1px 8px !important;
}
/*
		 * INPUT
		 */
.widget-toolbar .smart-form label.checkbox,
.widget-toolbar .smart-form label.radio {
    line-height: 29px;
}
/*
		 * LABELS
		 */
.widget-toolbar > .label {
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    padding: 4px 7px;
}
/*
		 * BADGE
		 */
.widget-toolbar > .badge {
    padding: 5px 5px;
    font-size: 14px;
    border-radius: 50%;
    font-weight: normal;
    min-width: 24px;
    text-align: center !important;
}
/*
		 * PROGRESS BARS
		 */
.widget-toolbar .progress {
    width: 130px;
    margin: 7px 0 0 0;
    height: 18px !important;
    font-size: 12px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
    -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #D1D1D1 inset;
}

.widget-toolbar .progress-bar {
    font-size: 12px;
}
/*
		 * PAGINATION
		 */
.widget-toolbar .pagination {
    margin: 4px 0;
}

    .widget-toolbar .pagination > li > a {
        padding: 2px 7px;
    }
/*
		 * TEXT INPUT
		 */
.widget-toolbar .widget-text-input {
    max-width: 220px;
}

.widget-toolbar input[type='text'] {
    height: 28px !important;
    margin-top: 2px;
}

.widget-toolbar.smart-form .icon-append,
.widget-toolbar.smart-form .icon-prepend,
.widget-toolbar .smart-form .icon-append,
.widget-toolbar .smart-form .icon-prepend {
    top: 3px !important;
}
/*
 * Enhancements for other plugins 
 */
#jarviswidget-fullscreen-mode .fc-grid .fc-day-number {
    padding: 5px 12px;
    font-size: 40px;
}
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
    direction: ltr;
    text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
    background: #ffffff url("../img/jcrop/Jcrop.gif");
    font-size: 0;
    position: absolute;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
}

    .jcrop-vline.right {
        right: 0;
    }

.jcrop-hline {
    height: 1px !important;
    width: 100%;
}

    .jcrop-hline.bottom {
        bottom: 0;
    }
/* Invisible click targets */
.jcrop-tracker {
    height: 100%;
    width: 100%;
    /* "turn off" link highlight */
    -webkit-tap-highlight-color: transparent;
    /* disable callout, image save panel */
    -webkit-touch-callout: none;
    /* disable cut copy paste */
    -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
    background-color: #333333;
    border: 1px #eeeeee solid;
    width: 7px;
    height: 7px;
    font-size: 1px;
}

    .jcrop-handle.ord-n {
        left: 50%;
        margin-left: -4px;
        margin-top: -4px;
        top: 0;
    }

    .jcrop-handle.ord-s {
        bottom: 0;
        left: 50%;
        margin-bottom: -4px;
        margin-left: -4px;
    }

    .jcrop-handle.ord-e {
        margin-right: -4px;
        margin-top: -4px;
        right: 0;
        top: 50%;
    }

    .jcrop-handle.ord-w {
        left: 0;
        margin-left: -4px;
        margin-top: -4px;
        top: 50%;
    }

    .jcrop-handle.ord-nw {
        left: 0;
        margin-left: -4px;
        margin-top: -4px;
        top: 0;
    }

    .jcrop-handle.ord-ne {
        margin-right: -4px;
        margin-top: -4px;
        right: 0;
        top: 0;
    }

    .jcrop-handle.ord-se {
        bottom: 0;
        margin-bottom: -4px;
        margin-right: -4px;
        right: 0;
    }

    .jcrop-handle.ord-sw {
        bottom: 0;
        left: 0;
        margin-bottom: -4px;
        margin-left: -4px;
    }
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px;
}

.jcrop-dragbar.ord-n {
    margin-top: -4px;
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0;
}

.jcrop-dragbar.ord-w {
    margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
    background: #ffffff;
    filter: alpha(opacity=70) !important;
    opacity: .70!important;
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000000;
    border-color: #ffffff;
    border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
    background: #000000;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important;
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #ffffff;
    border-color: #000000;
    border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
    background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder {
    display: inline-block;
    float: left;
    margin-bottom: 20px;
}

.modal .jcrop-holder {
    display: block;
    float: none !important;
    margin: 0px !important;
}

.jcrop-holder img,
img.jcrop-preview {
    max-width: none;
}
/*Grid*/
.ui-jqgrid {
    position: relative;
    border: 1px solid #333 !important;
    margin: 0px;
    overflow: hidden;
}

    .ui-jqgrid .ui-jqgrid-view {
        position: relative;
        left: 0;
        top: 0;
        padding: 0;
        font-size: 11px;
    }
    /* caption*/
    .ui-jqgrid .ui-jqgrid-titlebar {
        padding: 12px 13px;
        position: relative;
        font-size: 12px;
        border-left: 0 none;
        border-right: 0 none;
        border-top: 0 none;
        background-color: #f3f3f3;
        background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
        background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
        background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2);
        background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
        background-repeat: repeat-x;
    }

    .ui-jqgrid .ui-jqgrid-caption {
        text-align: left;
    }

    .ui-jqgrid .ui-jqgrid-title {
        font-size: 15px;
        color: #333;
    }

    .ui-jqgrid .ui-jqgrid-titlebar-close {
        position: absolute;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        right: 10px !important;
        cursor: pointer;
    }

        .ui-jqgrid .ui-jqgrid-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-jqgrid .ui-jqgrid-titlebar-close:hover {
            padding: 0;
        }
    /* header*/
    .ui-jqgrid .ui-jqgrid-hdiv {
        position: relative;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        border-left: 0 none !important;
        border-top: 0 none !important;
        border-right: 0 none !important;
    }

    .ui-jqgrid .ui-jqgrid-hbox {
        float: left;
        padding-right: 20px;
    }

    .ui-jqgrid .ui-jqgrid-htable {
        table-layout: fixed;
        margin: 0;
    }

        .ui-jqgrid .ui-jqgrid-htable th {
            padding: 0 2px 0 2px;
        }

            .ui-jqgrid .ui-jqgrid-htable th div {
                overflow: hidden;
                position: relative;
            }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: none;
    border: none;
}

tr.ui-jqgrid-labels {
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    font-size: 12px;
}

.ui-th-column,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    border-top: 0 none;
    border-bottom: 0 none;
}

.ui-th-ltr,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
    border-left: 0 none;
}

.ui-th-rtl,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {
    border-right: 0 none;
}

.ui-first-th-ltr {
    border-right: 1px solid;
}

.ui-first-th-rtl {
    border-left: 1px solid;
}

.ui-jqgrid .ui-th-div-ie {
    white-space: nowrap;
    zoom: 1;
}

.ui-jqgrid .ui-jqgrid-resize {
    height: 20px !important;
    position: relative;
    cursor: e-resize;
    display: inline;
    overflow: hidden;
}

.ui-jqgrid .ui-grid-ico-sort {
    overflow: hidden;
    position: absolute;
    display: inline;
    cursor: pointer !important;
    right: 0px;
}

.ui-jqgrid .ui-icon-asc {
    margin-top: -4px;
    right: -1px;
}

.ui-jqgrid .ui-icon-desc {
    margin-top: 3px;
    height: 12px;
}

.ui-jqgrid .ui-i-asc {
    margin-top: 0;
    height: 16px;
}

.ui-jqgrid .ui-i-desc {
    margin-top: 0;
    margin-left: 13px;
    height: 16px;
}

.ui-jqgrid .ui-jqgrid-sortable {
    cursor: pointer;
}

.ui-jqgrid tr.ui-search-toolbar th {
    border-top-width: 1px !important;
    border-top-color: inherit !important;
    border-top-style: ridge !important;
}

tr.ui-search-toolbar input {
    margin: 1px 0 0 0;
}

tr.ui-search-toolbar select {
    margin: 1px 0 0 0;
}
/* body */
.ui-jqgrid .ui-jqgrid-bdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: auto;
    text-align: left;
}

.ui-jqgrid .ui-jqgrid-btable {
    table-layout: fixed;
    margin: 0;
    outline-style: none;
}

.ui-jqgrid tr.jqgrow {
    outline-style: none;
}

.ui-jqgrid tr.jqgroup {
    outline-style: none;
}

.ui-jqgrid tr.jqgrow td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
}

.ui-jqgrid tr.jqgfirstrow td {
    padding: 0 2px 0 2px;
    border-right-width: 1px;
    border-right-style: solid;
}

.ui-jqgrid tr.jqgroup td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
}

.ui-jqgrid tr.jqfoot td {
    font-weight: bold;
    overflow: hidden;
    white-space: pre;
}

.ui-jqgrid tr.ui-row-ltr td {
    text-align: left;
}

.ui-jqgrid tr.ui-row-rtl td {
    text-align: right;
}

.ui-jqgrid td.jqgrid-rownum {
    padding: 0 2px 0 2px;
    margin: 0;
    border: 0 none;
}

.ui-jqgrid .ui-jqgrid-resize-mark {
    width: 2px;
    left: 0;
    background-color: #777;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
    top: 0;
    height: 100px;
    overflow: hidden;
    display: none;
    border: 0 none;
    z-index: 99999;
}
/* footer */
.ui-jqgrid .ui-jqgrid-sdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-left: 0 none !important;
    border-top: 0 none !important;
    border-right: 0 none !important;
}

.ui-jqgrid .ui-jqgrid-ftable {
    table-layout: fixed;
    margin-bottom: 0;
}

.ui-jqgrid tr.footrow td {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    height: 21px;
    padding: 0 2px 0 2px;
}

.ui-jqgrid tr.footrow-ltr td {
    text-align: left;
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
}

.ui-jqgrid tr.footrow-rtl td {
    text-align: right;
    border-left-width: 1px;
    border-left-color: inherit;
    border-left-style: solid;
}
/* Pager*/
.ui-jqgrid .ui-jqgrid-pager {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-bottom: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
    border-top: 1px solid #D3D3D3;
}

.ui-jqgrid .ui-pager-control {
    position: relative;
}

.ui-jqgrid .ui-pg-table {
    position: relative;
    padding-bottom: 2px;
    width: auto;
    margin: 0;
}

    .ui-jqgrid .ui-pg-table td {
        font-weight: normal;
        vertical-align: middle;
        padding: 1px;
    }

.ui-jqgrid .ui-pg-button {
    height: 19px !important;
}

    .ui-jqgrid .ui-pg-button span {
        display: block;
        margin: 1px;
        float: left;
    }

    .ui-jqgrid .ui-pg-button:hover {
        /*padding: 0;*/
    }

.ui-jqgrid .ui-state-disabled:hover {
    padding: 1px;
}

.ui-jqgrid .ui-pg-input {
    height: 13px;
    font-size: .8em;
    margin: 0;
}

.ui-jqgrid .ui-pg-selbox {
    font-size: .8em;
    line-height: 18px;
    display: block;
    height: 18px;
    margin: 0;
}

.ui-jqgrid .ui-separator {
    height: 18px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 1px;
    float: right;
}

.ui-jqgrid .ui-paging-info {
    font-weight: normal;
    height: 19px;
    margin-top: 3px;
    margin-right: 4px;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
    padding: 1px 0;
    float: left;
    position: relative;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
    cursor: pointer;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
    float: left;
    margin: 0 2px;
}

.ui-jqgrid td input,
.ui-jqgrid td select .ui-jqgrid td textarea {
    margin: 0;
}

.ui-jqgrid td textarea {
    width: auto;
    height: auto;
}

.ui-jqgrid .ui-jqgrid-toppager {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    height: 25px !important;
    white-space: nowrap;
    overflow: hidden;
}

    .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
        padding: 1px 0;
        float: left;
        position: relative;
    }

    .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button {
        cursor: pointer;
    }

    .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
        float: left;
        margin: 0 2px;
    }
/*subgrid*/
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
    display: block;
}

.ui-jqgrid .ui-subgrid {
    margin: 0;
    padding: 0;
    width: 100%;
}

    .ui-jqgrid .ui-subgrid table {
        table-layout: fixed;
    }

    .ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
        height: 18px;
        border-right-width: 1px;
        border-right-color: inherit;
        border-right-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: inherit;
        border-bottom-style: solid;
    }

    .ui-jqgrid .ui-subgrid td.subgrid-data {
        border-top: 0 none !important;
    }

    .ui-jqgrid .ui-subgrid td.subgrid-cell {
        border-width: 0 0 1px 0;
    }

.ui-jqgrid .ui-th-subgrid {
    height: 20px;
}
/* loading */
.ui-jqgrid .loading {
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    z-index: 101;
    padding: 6px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    display: none;
    border-width: 2px !important;
    font-size: 11px;
}

.ui-jqgrid .jqgrid-overlay {
    display: none;
    z-index: 100;
}
/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */
* .jqgrid-overlay iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
/* end loading div */
/* toolbar */
.ui-jqgrid .ui-userdata {
    border-left: 0 none;
    border-right: 0 none;
    height: 21px;
    overflow: hidden;
}
/*Modal Window */
.ui-jqdialog {
    display: none;
    width: 300px;
    position: absolute;
    padding: .2em;
    font-size: 11px;
    overflow: visible;
}

    .ui-jqdialog .ui-jqdialog-titlebar {
        padding: .3em .2em;
        position: relative;
    }

    .ui-jqdialog .ui-jqdialog-title {
        margin: .1em 0 .2em;
    }

    .ui-jqdialog .ui-jqdialog-titlebar-close {
        position: absolute;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
        cursor: pointer;
    }

        .ui-jqdialog .ui-jqdialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-jqdialog .ui-jqdialog-titlebar-close:hover,
        .ui-jqdialog .ui-jqdialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-jqdialog-content,
    .ui-jqdialog .ui-jqdialog-content {
        border: 0;
        background: none;
        height: auto;
    }

    .ui-jqdialog .ui-jqconfirm {
        padding: .4em 1em;
        border-width: 3px;
        position: absolute;
        bottom: 10px;
        right: 10px;
        overflow: visible;
        display: none;
        height: 80px;
        width: 220px;
        text-align: center;
    }

    .ui-jqdialog > .ui-resizable-se {
        bottom: -3px;
        right: -3px;
    }

.ui-jqgrid > .ui-resizable-se {
    bottom: -3px;
    right: -3px;
}
/* end Modal window*/
/* Form edit */
.ui-jqdialog-content .FormGrid {
    margin: 0;
}

.ui-jqdialog-content .EditTable {
    width: 100%;
    margin-bottom: 0;
}

.ui-jqdialog-content .DelTable {
    width: 100%;
    margin-bottom: 0;
}

.EditTable td input,
.EditTable td select,
.EditTable td textarea {
    margin: 0;
}

.EditTable td textarea {
    width: auto;
    height: auto;
}

.ui-jqdialog-content td.EditButton {
    text-align: right;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ui-jqdialog-content td.navButton {
    text-align: center;
    border-left: 0 none;
    border-top: 0 none;
    border-right: 0 none;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ui-jqdialog-content input.FormElement {
    padding: 0.3em;
}

.ui-jqdialog-content select.FormElement {
    padding: 0.3em;
}

.ui-jqdialog-content .data-line {
    padding-top: .1em;
    border: 0 none;
}

.ui-jqdialog-content .CaptionTD {
    vertical-align: middle;
    border: 0 none;
    padding: 2px;
    white-space: nowrap;
}

.ui-jqdialog-content .DataTD {
    padding: 2px;
    border: 0 none;
    vertical-align: top;
}

.ui-jqdialog-content .form-view-data {
    white-space: pre;
}

.fm-button {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: .4em .5em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}

.fm-button-icon-left {
    padding-left: 1.9em;
}

.fm-button-icon-right {
    padding-right: 1.9em;
}

.fm-button-icon-left .ui-icon {
    right: auto;
    left: .2em;
    margin-left: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.fm-button-icon-right .ui-icon {
    left: auto;
    right: .2em;
    margin-left: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

#nData,
#pData {
    float: left;
    margin: 3px;
    padding: 0;
    width: 15px;
}
/* End Eorm edit */
/*.ui-jqgrid .edit-cell {}*/
.ui-jqgrid .selected-row,
div.ui-jqgrid .selected-row td {
    font-style: normal;
    border-left: 0 none;
}
/* inline edit actions button*/
.ui-inline-del.ui-state-hover span,
.ui-inline-edit.ui-state-hover span,
.ui-inline-save.ui-state-hover span,
.ui-inline-cancel.ui-state-hover span {
    margin: -1px;
}
/* Tree Grid */
.ui-jqgrid .tree-wrap {
    float: left;
    position: relative;
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
}

.ui-jqgrid .tree-minus {
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden;
}

.ui-jqgrid .tree-plus {
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden;
}

.ui-jqgrid .tree-leaf {
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden;
}

.ui-jqgrid .treeclick {
    cursor: pointer;
}
/* moda dialog */
* iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/*	 width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
.ui-jqgrid-dnd tr td {
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
    height: 20px;
}
/* RTL Support */
.ui-jqgrid .ui-jqgrid-caption-rtl {
    text-align: right;
}

.ui-jqgrid .ui-jqgrid-hbox-rtl {
    float: right;
    padding-left: 20px;
}

.ui-jqgrid .ui-jqgrid-resize-ltr {
    float: right;
    margin: -2px -2px -2px 0;
}

.ui-jqgrid .ui-jqgrid-resize-rtl {
    float: left;
    margin: -2px 0 -1px -3px;
}

.ui-jqgrid .ui-sort-rtl {
    left: 0;
}

.ui-jqgrid .tree-wrap-ltr {
    float: left;
}

.ui-jqgrid .tree-wrap-rtl {
    float: right;
}

.ui-jqgrid .ui-ellipsis {
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
/* Toolbar Search Menu */
.ui-search-menu {
    position: absolute;
    padding: 2px 5px;
}

.ui-jqgrid .ui-search-table {
    padding: 0;
    border: 0 none;
    height: 20px;
    width: 100%;
}

    .ui-jqgrid .ui-search-table .ui-search-oper {
        width: 20px;
    }

a.g-menu-item,
a.soptclass,
a.clearsearchclass {
    cursor: pointer;
}

.ui-jqgrid .ui-search-table .ui-search-input > input,
.ui-jqgrid .ui-search-table .ui-search-input > select {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-jqgrid .ui-jqgrid-view input,
.ui-jqgrid .ui-jqgrid-view select,
.ui-jqgrid .ui-jqgrid-view textarea,
.ui-jqgrid .ui-jqgrid-view button {
    font-size: 11px;
}
/*
 * CUSTOM
 */
.ui-jqgrid {
    position: relative;
    border: 1px solid #ccc !important;
    margin: 0px;
    overflow: hidden;
}

    .ui-jqgrid tr.ui-row-ltr td,
    .ui-jqgrid tr.ui-row-ltr,
    .ui-jqgrid table {
        border-left: none !important;
    }

        .ui-jqgrid tr.ui-row-ltr td {
            padding: 6px 4px;
            font-size: 13px !important;
        }

    .ui-jqgrid .ui-jqgrid-titlebar {
        border-bottom: 1px solid #BEBEBE;
    }

    .ui-jqgrid .ui-jqgrid-view input {
        margin: 0px !important;
    }

    .ui-jqgrid .ui-jqgrid-htable th {
        background-color: #eee;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
        background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
        background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
        background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
        background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
        background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    }

        .ui-jqgrid .ui-jqgrid-htable th div {
            padding-right: 0px;
            padding-top: 5px;
            padding-bottom: 5px;
            font-weight: bold;
            background: none;
        }

    .ui-jqgrid .ui-jqgrid-pager {
        font-size: 12px;
        height: auto;
        padding: 4px !important;
    }

    .ui-jqgrid tr.jqgrow {
        height: 30px;
        font-size: 12px;
    }

    .ui-jqgrid .ui-jqgrid-view button,
    .ui-jqgrid .ui-jqgrid-view input,
    .ui-jqgrid .ui-jqgrid-view select,
    .ui-jqgrid .ui-jqgrid-view textarea {
        /*font-size: 13px;
	padding: 4px;
	margin: 5px 2px;*/
    }

.jqgrid-new-row {
    color: #1B641B !important;
    background-color: #A8E798 !important;
    border-color: #7E9E64 !important;
}

.ui-jqdialog-content .DataTD {
    padding-bottom: 5px;
}

    .ui-jqdialog-content .DataTD:last-child {
        padding-bottom: 10px;
    }

.ui-jqgrid .ui-jqgrid-bdiv {
    /*overflow-x:hidden;
	height:300px !important;*/
    background: #fff;
}

.ui-jqgrid .ui-state-hover td {
    background: #ecf3f8 !important;
}

.ui-jqgrid .ui-pg-button {
    height: auto !important;
}

.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-pg-selbox {
    height: auto;
    font-size: inherit;
}

.ui-jqgrid .ui-state-highlight td {
    color: #3a87ad !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
}

.ui-jqgrid .ui-state-highlight + .ui-widget-content > td {
    border-top-color: #bce8f1;
}
/*
 * VECTOR MAP
 */
.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    background: #292929;
    padding: 4px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
}

    .jvectormap-zoomin:hover,
    .jvectormap-zoomout:hover {
        background: #eeeeee;
        border-color: #d9d9d9;
    }

.jvectormap-zoomin {
    top: 0px;
}

.jvectormap-zoomout {
    top: 24px;
}

.vector-map {
    height: 300px;
    width: 100%;
    padding: 10px;
}

#heat-fill {
    display: block;
    position: relative;
    margin-bottom: 20px;
    background: #333333;
    height: 7px;
    width: 200px;
    background-image: url();
}

.fill-a,
.fill-b {
    width: 20px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    background: #ffffff;
    padding-right: 4px;
    position: absolute;
    left: 0px;
    margin-top: -7px;
    font-weight: bold;
}

.fill-b {
    text-align: left;
    position: absolute;
    right: 0px;
    left: auto;
    top: 0px;
    width: 60px;
    padding-left: 4px;
    padding-right: 0px;
}
/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
    -webkit-box-sizing: border-box;
    /* webkit */
    -moz-box-sizing: border-box;
    /* firefox */
    box-sizing: border-box;
    /* css3 */
}

    .select2-container .select2-choice {
        display: block;
        height: 32px;
        padding: 0 0 0 8px;
        overflow: hidden;
        position: relative;
        border: 1px solid #ccc;
        white-space: nowrap;
        line-height: 32px;
        color: #444;
        text-decoration: none;
        background-clip: padding-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #fff;
    }

    .select2-container.select2-drop-above .select2-choice {
        border-bottom-color: #ccc;
    }

    .select2-container.select2-allowclear .select2-choice .select2-chosen {
        margin-right: 42px;
    }

    .select2-container .select2-choice > .select2-chosen {
        margin-right: 26px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .select2-container .select2-choice abbr {
        display: none;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 24px;
        top: 8px;
        font-size: 1px;
        text-decoration: none;
        border: 0;
        /*background: url('@{base-url}/select2.png') right top no-repeat;*/
        cursor: pointer;
        outline: 0;
    }

    .select2-container.select2-allowclear .select2-choice abbr {
        display: inline-block;
    }

    .select2-container .select2-choice abbr:hover {
        /*background-position: right -11px;*/
        cursor: pointer;
    }

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    margin-top: -1px;
    width: 100%;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-top: 0;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-auto-width {
    border-top: 1px solid #ccc;
    width: auto;
}

    .select2-drop-auto-width .select2-search {
        padding-top: 4px;
    }

.select2-drop.select2-drop-above {
    margin-bottom: 0px;
    border-top: 1px solid #5D98CC;
    border-top-width: 3px;
    border-bottom: 0;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-active {
    border: 1px solid #5D98CC;
    border-top: none;
    border-bottom-width: 3px;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top-width: 3px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 34px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #ccc;
    background-clip: padding-box;
    background: #eee;
}

    .select2-container .select2-choice .select2-arrow b {
        display: block;
        width: 100%;
        height: 100%;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        font-size: 14px;
    }

        .select2-container .select2-choice .select2-arrow b:before {
            content: "\f107";
            width: 100%;
            height: 100%;
            text-align: center;
            display: block;
        }

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap;
}

    .select2-search input {
        width: 100%;
        height: auto !important;
        min-height: 29px;
        padding: 6px 20px 5px 10px;
        margin: 0;
        outline: 0;
        font-family: sans-serif;
        font-size: 1em;
        border: 1px solid #aaa;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #fff;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
        background: -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
        background: -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
        background: linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    }

    .select2-search:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        content: "\f002";
        top: 25%;
        right: 10px;
        color: #686868 !important;
    }

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-drop.select2-drop-above .select2-search:before {
    top: 34%;
}

.select2-search input.select2-active {
    background: #ffffff url('../img/select2-spinner.gif') no-repeat 100%;
    background: url('../img/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
    background: url('../img/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
    background: url('../img/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
    background: url('../img/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5D98CC;
    outline: none;
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5D98CC;
    border-top-color: transparent;
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}

    .select2-dropdown-open .select2-choice .select2-arrow b {
        background-position: -18px 1px;
    }
/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .select2-results ul.select2-result-sub {
        margin: 0;
        padding-left: 0;
    }

        .select2-results ul.select2-result-sub > li .select2-result-label {
            padding-left: 20px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 40px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 60px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 80px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 100px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 110px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 120px;
        }

    .select2-results li {
        list-style: none;
        display: list-item;
        background-image: none;
    }

        .select2-results li.select2-result-with-children > .select2-result-label {
            font-weight: bold;
        }

    .select2-results .select2-result-label {
        padding: 3px 7px 4px;
        margin: 0;
        cursor: pointer;
        min-height: 1em;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .select2-results .select2-highlighted {
        background: #3276b1;
        color: #fff;
    }

    .select2-results li em {
        background: #feffde;
        font-style: normal;
    }

    .select2-results .select2-highlighted em {
        background: transparent;
    }

    .select2-results .select2-highlighted ul {
        background: #fff;
        color: #000;
    }

    .select2-results .select2-no-results,
    .select2-results .select2-searching,
    .select2-results .select2-selection-limit {
        background: #f4f4f4;
        display: list-item;
        padding: 3px 5px;
    }

.select2-no-results {
    padding-left: 20px;
}

    .select2-no-results:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f05a";
        margin-right: 5px;
    }
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('../img/select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

    .select2-container.select2-container-disabled .select2-choice .select2-arrow {
        background-color: #f4f4f4;
        background-image: none;
        border-left: 0;
    }

    .select2-container.select2-container-disabled .select2-choice abbr {
        display: none;
    }
/* multiselect */
.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #ccc;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
}

.select2-locked {
    padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5D98CC;
    outline: none;
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

    .select2-container-multi .select2-choices .select2-search-field input {
        padding: 5px;
        margin: 1px 0;
        font-family: sans-serif;
        font-size: 100%;
        color: #666;
        outline: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent !important;
    }

        .select2-container-multi .select2-choices .select2-search-field input.select2-active {
            background: #ffffff url('../img/select2-spinner.gif') no-repeat 100% !important;
        }

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 1px 28px 1px 8px;
    margin: 4px 0 3px 5px;
    position: relative;
    line-height: 18px;
    color: #fff;
    cursor: default;
    border: 1px solid #2a6395;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #3276b1;
}

    .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
        cursor: default;
    }

.select2-container-multi .select2-choices .select2-search-choice-focus {
    opacity: .8;
}

.select2-search-choice-close {
    display: block;
    min-width: 21px;
    min-height: 20px;
    position: absolute;
    right: 3px;
    top: 3px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 12px;
    text-decoration: none!important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .select2-search-choice-close:before {
        color: #ffffff;
        content: "\f057";
    }

.select2-container-multi .select2-search-choice-close {
    display: block;
    top: 0;
    right: 0;
    padding: 3px 4px 3px 6px;
}

    .select2-container-multi .select2-search-choice-close:hover {
        background: rgba(0, 0, 0, 0.3);
    }
/*
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}*/
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

    .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
        padding: 3px 5px;
        border: 1px solid #4a90cc;
        background-image: none;
        background-color: #86b4dd;
        cursor: not-allowed;
    }

        .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
            display: none;
            background: none;
        }
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen,
.select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/*
 * ADJUSTMENTS
 */
.has-error .select2-choice,
.has-error .select2-container .select2-choice .select2-arrow,
.has-error .select2-container-multi .select2-choices {
    border-color: #b94a48;
}

.has-error .select2-container .select2-choice .select2-arrow {
    background: #f2dede;
    color: #b94a48;
}

.has-error .select2-dropdown-open .select2-choice {
    border-color: #5D98CC !important;
}

.select2-drop.select2-drop-above.select2-drop-active {
    margin-top: 2px;
}
/* style sheets */
.ui-chatbox {
    position: fixed;
    bottom: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px;
    z-index: 959;
}

.ui-chatbox-titlebar {
    padding: 0px;
    height: 36px;
    cursor: pointer;
    background: #474544 !important;
    color: #ffffff !important;
    font-weight: normal;
    line-height: normal;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

    .ui-chatbox-titlebar > span {
        font-weight: normal;
        font-size: 14px;
        line-height: 36px;
        margin-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 120px;
        display: inline-block;
        float: left;
    }

        .ui-chatbox-titlebar > span > :first-child {
            display: inline-block;
            border-radius: 50%;
            margin-right: 7px;
            padding: 5px;
        }

    .ui-chatbox-titlebar.online > span > i {
        background: #54ce3c;
    }

    .ui-chatbox-titlebar.busy > span > i {
        background: #f14b52;
    }

    .ui-chatbox-titlebar.away > span > i {
        background: #ffc40d;
    }

    .ui-chatbox-titlebar.incognito > span > i {
        background: #a19e9d;
    }

    .ui-chatbox-titlebar.ui-state-focus {
        background: #201f1f !important;
        color: #ffffff;
    }

.ui-chatbox-content {
    padding: 0px;
    margin: 0px;
    border: 0px !important;
}

    .ui-chatbox-content > .alert-msg {
        border-bottom: 1px dashed #D6D6D6;
        padding: 4px 10px;
        color: #C20F16;
        display: block;
        font-size: 11px;
        text-align: center;
        display: none;
    }

    .ui-chatbox-content.true > .alert-msg {
        display: block !important;
    }

.ui-chatbox-log {
    padding: 7px 10px;
    height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffffff;
    border: none !important;
}

    .ui-chatbox-log > :first-child {
        margin-top: 0px;
    }

.ui-chatbox-input {
    padding: 3px;
    border-top: 1px solid grey;
    overflow: hidden;
    width: 100% !important;
    max-width: 100% !important;
    border-width: 0px !important;
}

.ui-chatbox-input-box {
    margin: 2px;
    border: 1px solid !important;
    /* #6699FF */
    border-color: #666666 #ccc #ccc #ccc !important;
    padding: 2px;
    height: 50px;
    outline: none;
    resize: none;
    background-color: rgba(48, 126, 204, 0.05) !important;
}

.ui-chatbox-icon {
    float: right;
    min-width: 30px;
    height: 36px;
    border-left: 1px solid rgba(0, 0, 0, 0.09);
    font-size: 14px;
    line-height: 26px;
    color: #fff !important;
    padding: 5px 9px;
}

    .ui-chatbox-icon.ui-state-hover {
        background-color: rgba(0, 0, 0, 0.07) !important;
        border-left: 1px solid rgba(0, 0, 0, 0.09) !important;
    }

.ui-chatbox-input-focus {
    border-color: #5D98CC !important;
    background-color: #fff !important;
}

.ui-chatbox-msg {
    margin-top: 10px;
    float: left;
    clear: both;
    /* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Firefox */
    white-space: -pre-wrap;
    /* Opera <7 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* IE */
}
/*
 * IN THE MENU
 */
.chat-users > ul:before,
.chat-users li:before {
    border: none;
}

.chat-users .display-users {
    display: block;
    padding: 0px 15px;
}

    .chat-users .display-users a[data-chat-id] {
        padding: 4px 6px;
        font-size: 13px;
        margin: 1px 0px;
    }

    .chat-users .display-users [data-chat-id]:hover {
        background: rgba(255, 255, 255, 0.1);
    }

    .chat-users .display-users [data-chat-id] > i {
        display: inline-block;
        border-radius: 50%;
        margin-right: 7px;
        padding: 5px;
        width: auto !important;
    }

    .chat-users .display-users [data-chat-status="away"] > i {
        background: #ffc40d;
    }

[data-chat-status="away"] + .popover .usr-card > img {
    border-left-color: #ffc40d;
}

.chat-users .display-users [data-chat-status="online"] > i {
    background: #54ce3c;
}

[data-chat-status="online"] + .popover .usr-card > img {
    border-left-color: #54ce3c;
}

.chat-users .display-users [data-chat-status="incognito"] > i {
    background: #a19e9d;
}

[data-chat-status="incognito"] + .popover .usr-card > img {
    border-left-color: #a19e9d;
}

.chat-users .display-users [data-chat-status="busy"] > i {
    background: #f14b52;
}

[data-chat-status="busy"] + .popover .usr-card > img {
    border-left-color: #f14b52;
}

.display-users > dl {
    margin: 0px;
}

.chat-user-filter {
    margin-bottom: 10px;
    margin-top: 5px;
    height: 27px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 3px 4px;
    font-size: 14px;
}
/*
 * POPOVER STYLE
 */
[data-chat-id] + .popover {
    min-width: 250px;
    margin-left: 14px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-weight: normal !important;
}

    [data-chat-id] + .popover .popover-content {
        padding: 8px;
    }
/*
 * USER CARD
 */
.usr-card {
    position: relative;
}

    .usr-card > img {
        display: inline-block;
        border-left: 3px solid #fff;
    }

.usr-card-content {
    display: inline-block;
    vertical-align: top;
    margin-top: -3px;
    padding-left: 5px;
    max-width: 174px;
}

    .usr-card-content > :first-child {
        margin: 0px;
        font-size: 14px;
        color: #3276b1;
        font-weight: bold;
    }

    .usr-card-content > p {
        margin: 0px;
    }

        .usr-card-content > p > small {
            display: block;
            color: #7E7E7E;
        }
/*
 * DEMO BUTTON
 */
.sa-chat-learnmore-btn {
    margin-top: 10px;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px 0px !important;
    background: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2);
    color: #C2C2C2;
    border-radius: 5px;
}
/*! X-editable - v1.5.0 
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
.editableform {
    margin-bottom: 0;
    /* overwrites bootstrap margin */
}

    .editableform .control-group {
        margin-bottom: 0;
        /* overwrites bootstrap margin */
        white-space: nowrap;
        /* prevent wrapping buttons on new line */
    }

.editable-buttons {
    display: inline-block;
    /* should be inline to take effect of parent's white-space: nowrap */
    vertical-align: top;
    margin-left: 7px;
    /* inline-block emulation for IE7*/
    zoom: 1;
    *display: inline;
}

    .editable-buttons.editable-buttons-bottom {
        display: block;
        margin-top: 7px;
        margin-left: 0;
    }

.editable-input {
    vertical-align: top;
    display: inline-block;
    /* should be inline to take effect of parent's white-space: nowrap */
    width: auto;
    /* bootstrap-responsive has width: 100% that breakes layout */
    white-space: normal;
    /* reset white-space decalred in parent*/
    /* display-inline emulation for IE7*/
    zoom: 1;
    *display: inline;
}

.editable-buttons .editable-cancel {
    margin-left: 7px;
}
/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
    height: 24px;
    width: 30px;
}

.editableform-loading {
    background: url('../img/loading.gif') center center no-repeat;
    height: 25px;
    width: auto;
    min-width: 25px;
}

.editable-inline .editableform-loading {
    background-position: left 5px;
}

.editable-error-block {
    max-width: 300px;
    margin: 5px 0 0 0;
    width: auto;
    white-space: normal;
}
    /*add padding for jquery ui*/
    .editable-error-block.ui-state-error {
        padding: 3px;
    }

.editable-error {
    color: red;
}
/* ---- For specific types ---- */
.editableform .editable-date {
    padding: 0;
    margin: 0;
    float: left;
}
/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
    margin-top: 3px;
    margin-left: 1px;
}
/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"],
.editable-checklist label span {
    vertical-align: middle;
    margin: 0;
}

.editable-checklist label {
    white-space: nowrap;
}
/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5 {
    width: 566px;
    height: 250px;
}
/* clear button shown as link in date inputs */
.editable-clear {
    clear: both;
    font-size: 0.9em;
    text-decoration: none;
    text-align: right;
}
/* IOS-style clear button for text inputs */
.editable-clear-x {
    background: url('../img/clear.png') center center no-repeat;
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    opacity: 0.6;
    z-index: 100;
    top: 50%;
    right: 6px;
    margin-top: -6px;
}

    .editable-clear-x:hover {
        opacity: 1;
    }

.editable-pre-wrapped {
    white-space: pre-wrap;
}

.editable-container.editable-popup {
    max-width: none !important;
    /* without this rule poshytip/tooltip does not stretch */
}

.editable-container.popover {
    width: auto;
    /* without this rule popover does not stretch */
}

.editable-container.editable-inline {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    /* inline-block emulation for IE7*/
    zoom: 1;
    *display: inline;
}

.editable-container.ui-widget {
    font-size: inherit;
    /* jqueryui widget font 1.1em too big, overwrite it */
    z-index: 9990;
    /* should be less than select2 dropdown z-index to close dropdown first when click */
}

.editable-click,
a.editable-click,
a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;
}

    .editable-click.editable-disabled,
    a.editable-click.editable-disabled,
    a.editable-click.editable-disabled:hover {
        color: #585858;
        cursor: default;
        border-bottom: none;
    }

.editable-empty,
.editable-empty:hover,
.editable-empty:focus {
    font-style: italic;
    color: #DD1144;
    /* border-bottom: none; */
    text-decoration: none;
}

.editable-unsaved {
    font-weight: bold;
}

    .editable-unsaved:after {
        /*    content: '*'*/
    }

.editable-bg-transition {
    -webkit-transition: background-color 1400ms ease-out;
    -moz-transition: background-color 1400ms ease-out;
    -o-transition: background-color 1400ms ease-out;
    -ms-transition: background-color 1400ms ease-out;
    transition: background-color 1400ms ease-out;
}
/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable {
    padding-top: 5px;
    display: inline-block;
}
/*
 * x-editable CSS
 */
.editable-address {
    display: block;
    margin-bottom: 5px;
}

    .editable-address span {
        width: 70px;
        display: inline-block;
    }
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.editable-input .datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}

    .editable-input .datepicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .editable-input .datepicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .editable-input .datepicker > div {
        display: none;
    }

    .editable-input .datepicker table {
        width: 100%;
        min-width: 214px;
        margin: 0;
    }

    .editable-input .datepicker td,
    .editable-input .datepicker th {
        text-align: center;
        width: 24px;
        height: 20px;
    }

        .editable-input .datepicker td.day:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .editable-input .datepicker td.day.disabled {
            color: #555555;
        }

        .editable-input .datepicker td.old,
        .editable-input .datepicker td.new {
            color: #555555;
        }

        .editable-input .datepicker td.active,
        .editable-input .datepicker td.active:hover {
            background: #3276b1;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            border-radius: 3px;
        }

        .editable-input .datepicker td span {
            display: block;
            width: 47px;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 2px;
            cursor: pointer;
        }

            .editable-input .datepicker td span:hover {
                background: #eeeeee;
            }

            .editable-input .datepicker td span.active {
                background: #3276b1;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                border-radius: 3px;
            }

            .editable-input .datepicker td span.old {
                color: #555555;
            }

        .editable-input .datepicker th.switch {
            width: 145px;
        }

        .editable-input .datepicker th.next,
        .editable-input .datepicker th.prev {
            font-size: 19.5px;
        }

    .editable-input .datepicker thead tr:first-child th {
        cursor: pointer;
    }

        .editable-input .datepicker thead tr:first-child th:hover {
            background: #eeeeee;
        }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.editable-input .datepicker .next i,
.datepicker .prev i {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}

.editable-input .datepicker .prev i:before {
    content: "\f060";
}

.editable-input .datepicker .next i:before {
    content: "\f061";
}
/*Messagebox */
.divMessageBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100000;
}

.MessageBoxContainer {
    top: 35%;
    color: white;
    position: relative;
    width: 100%;
    background-color: #232323;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px;
}

.MessageBoxMiddle {
    position: relative;
    left: 20%;
    width: 60%;
}

    .MessageBoxMiddle .MsgTitle {
        letter-spacing: -1px;
        font-size: 24px;
        font-weight: 300;
    }

    .MessageBoxMiddle .pText {
        font-size: 13px;
    }

.MessageBoxContainer input {
    width: 50%;
    padding: 5px;
}

.MessageBoxContainer select {
    width: 50%;
    padding: 5px;
}

.MessageBoxButtonSection {
    width: 100%;
    height: 30px;
}

    .MessageBoxButtonSection button {
        float: right;
        margin-right: 7px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
        font-weight: bold;
    }
/* End of MessageBox */
.LoadingBoxContainer {
    top: 20%;
    color: white;
    position: relative;
    width: 100%;
    background-color: #232323;
}

.LoadingBoxMiddle {
    position: relative;
    left: 20%;
    width: 50%;
    padding: 10px;
}

.LoadingBoxContainer .MsgTitle {
    font-size: 26px;
}

.LoadingBoxContainer .pText {
    font-size: 13px;
}

#LoadingPoints {
    position: absolute;
}
/* bigBoxes */
.bigBox {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #004d60;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    width: 390px;
    height: 150px;
    color: white;
    z-index: 99999;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    border-left: 5px solid rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

    .bigBox span {
        font-size: 17px;
        font-weight: 300;
        letter-spacing: -1px;
        padding: 5px 0 !important;
        display: block;
    }

    .bigBox p {
        font-size: 13px;
        margin-top: 10px;
    }

#divMiniIcons {
    position: fixed;
    width: 415px;
    right: 10px;
    bottom: 180px;
    z-index: 9999;
    float: right;
}

.botClose {
    position: absolute;
    right: 10px;
    height: 16px;
    width: 15px;
    cursor: pointer;
    font-size: 18px;
    opacity: .5;
    display: block;
    top: 15px;
}

    .botClose:hover {
        opacity: 1;
    }

#divMiniIcons .cajita {
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    color: #FFF;
    float: right;
    cursor: pointer;
    display: block;
    background-color: #F00;
    font-size: 17px;
    margin-left: 4px;
    margin-top: 5px;
}

    #divMiniIcons .cajita:active {
        top: 1px;
        left: 1px;
        position: relative;
    }

.cajita img {
    width: 23px;
    height: 23px;
    padding-left: 3px;
    padding-top: 3px;
}

.bigBox .bigboxicon {
    font-size: 30px;
    text-align: left;
    position: absolute;
    top: 120px;
    left: 6px;
    z-index: 0;
}

.bigBox .bigboxnumber {
    width: 100%;
    text-align: right;
    font-size: 25px;
}
/* End of  bigBoxes */
/* SmallBox */
#divSmallBoxes {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.SmallBox {
    position: absolute;
    right: 5px;
    top: 20px;
    width: 420px;
    color: white;
    z-index: 9999;
    overflow: hidden;
    border: 1px solid transparent;
}

    .SmallBox:hover {
        border: 1px solid #fff;
        cursor: pointer;
    }

    .SmallBox .foto {
        font-size: 50px;
        position: absolute;
        left: 17px;
    }

    .SmallBox .textoFull {
        width: 93%;
        float: left;
        padding-left: 20px;
    }

    .SmallBox .textoFoto {
        width: 78%;
        margin: 3px 20px 3px 80px;
        float: left;
    }

.miniPic {
    position: absolute;
    bottom: 8px;
    right: 9px;
}

.miniIcono {
    height: 100%;
    font-size: 20px;
}

.SmallBox span {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    display: block;
    margin: 4px 0;
}

.SmallBox p {
    font-size: 13px;
    margin-top: 2px;
}
/* End of SmallBox */
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    /* Specify the width of your pageslide here */
    width: 305px;
    padding: 20px;
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #004d60;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 0px 0px #222;
    box-shadow: inset 0 0 0px 0px #222;
}

.purehtml {
    color: white;
    font-size: 16px;
}
/* Mobile Phones */
@media screen and (max-width: 450px) and (max-width: 767px) {
    /* SmallBox Responsive */
    #divSmallBoxes {
        position: fixed;
        width: 90%;
        right: 0;
        top: 0;
    }

    .SmallBox {
        width: 95%;
    }

        .SmallBox:hover {
            box-shadow: 0px 0px 10px #888888;
            cursor: pointer;
        }

        .SmallBox span {
            font-size: 16px;
            /*font-weight:bold;*/
        }

        .SmallBox p {
            font-size: 12px;
            margin-top: 2px;
        }

        .SmallBox .textoFull {
            width: 93%;
            float: left;
            padding-left: 20px;
        }

        .SmallBox .textoFoto {
            width: 55%;
            margin: 3px 20px 3px 80px;
            float: left;
        }
    /* End of SmallBox Responsive*/
    /* bigBoxes Responsive */
    .bigBox {
        position: fixed;
        right: 10px;
        bottom: 10px;
        background-color: #004d60;
        padding-left: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        width: 88%;
        height: 150px;
        color: white;
        z-index: 99999;
    }
    /* End of  bigBoxes  Responsive */
    /*Messagebox Responsive */
    .divMessageBox {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 100000;
    }

    .MessageBoxContainer {
        top: 25%;
        color: white;
        position: relative;
        width: 100%;
        background-color: #232323;
    }

    .MessageBoxMiddle {
        position: relative;
        left: 0;
        width: 100%;
        padding: 3px;
    }

        .MessageBoxMiddle .MsgTitle {
            font-size: 22px;
        }

        .MessageBoxMiddle .pText {
            font-size: 13px;
        }

    .MessageBoxContainer input {
        width: 50%;
        padding: 5px;
    }

    .MessageBoxContainer select {
        width: 50%;
        padding: 5px;
    }

    .MessageBoxButtonSection {
        width: 100%;
        height: 30px;
    }

        .MessageBoxButtonSection button {
            float: right;
            margin-right: 5px;
            padding-left: 15px;
            padding-right: 15px;
        }
    /* End of MessageBox Responsive */
}
/* Animations */
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.fast {
        -webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        -ms-animation-duration: 0.4s;
        -o-animation-duration: 0.4s;
        animation-duration: 0.4s;
    }
/*
 * SPARKLINE
 */
.jqstooltip {
    padding: 7px !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border: none !important;
    background-color: #000000 !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

    .jqstooltip .jqsfield {
        font-family: "Segoe UI", "Open Sans", Calibri, Candara, Arial, sans-serif;
        font-size: 11px;
    }

#sparks {
    display: block;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: right;
}

    #sparks li {
        display: inline-block;
        max-height: 47px;
        overflow: hidden;
        text-align: left;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }

        #sparks li h5 {
            color: #555;
            float: left;
            font-size: 11px;
            font-weight: normal;
            margin: -3px 0 0 0;
            padding: 0;
            border: none;
            text-transform: uppercase;
        }

        #sparks li span {
            color: #636363;
            display: block;
        }

    #sparks li {
        border-left: 1px dotted #c7c7c7;
        padding: 0 10px;
    }

        #sparks li:last-child {
            padding-right: 0;
        }

        #sparks li:first-child {
            border-left: none;
            padding-left: 0;
        }

.sparks-info {
    min-width: 70px;
}

    .sparks-info span {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        text-transform: none;
    }

    .sparks-info .sparkline {
        display: block;
        float: right;
        margin: 3px 0 0 20px;
    }
/* width 100% */
[data-sparkline-width="100%"] > canvas {
    width: 100% !important;
}
/* adjustment */
.dataTable [data-sparkline-width="100%"] > canvas {
    max-width: 60px !important;
}
/* Theme Variables
 ------------------------------------------*/
/* Frame Mode Layout
 ------------------------------------------*/
.note-editor {
    border: 1px solid #a9a9a9;
    position: relative;
    /* dropzone */
    /* fullscreen mode */
    /* codeview mode */
    /* statusbar */
    /* editable */
    /* codeable */
}

    .note-editor .note-dropzone {
        position: absolute;
        display: none;
        z-index: 1;
        border: 2px dashed #87cefa;
        color: #87cefa;
        background-color: white;
        opacity: 0.95;
        pointer-event: none;
    }

        .note-editor .note-dropzone .note-dropzone-message {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 28px;
            font-weight: bold;
        }

        .note-editor .note-dropzone.hover {
            border: 2px dashed #098ddf;
            color: #098ddf;
        }

    .note-editor.dragover .note-dropzone {
        display: table;
    }

    .note-editor .note-toolbar {
        background-color: #f5f5f5;
        border-bottom: 1px solid #a9a9a9;
    }

    .note-editor.fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1050;
        /* bs3 modal-backdrop: 1030, bs2: 1040 */
    }

        .note-editor.fullscreen .note-editable {
            background-color: white;
        }

        .note-editor.fullscreen .note-resizebar {
            display: none;
        }

    .note-editor.codeview .note-editable {
        display: none;
    }

    .note-editor.codeview .note-codable {
        display: block;
    }

    .note-editor .note-statusbar {
        background-color: #f5f5f5;
    }

        .note-editor .note-statusbar .note-resizebar {
            height: 8px;
            width: 100%;
            border-top: 1px solid #a9a9a9;
            cursor: ns-resize;
        }

            .note-editor .note-statusbar .note-resizebar .note-icon-bar {
                width: 20px;
                margin: 1px auto;
                border-top: 1px solid #a9a9a9;
            }

    .note-editor .note-editable {
        padding: 10px;
        overflow: auto;
        outline: none;
    }

        .note-editor .note-editable[contenteditable="false"] {
            background-color: #e5e5e5;
        }

    .note-editor .note-codable {
        display: none;
        width: 100%;
        padding: 10px;
        border: none;
        box-shadow: none;
        font-family: Menlo, Monaco, monospace, sans-serif;
        font-size: 14px;
        color: #ccc;
        background-color: #222;
        resize: none;
        /* override BS2 default style */
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin-bottom: 0;
    }
/* Air Mode Layout
 ------------------------------------------*/
.note-air-editor {
    outline: none;
}
/* Popover
 ------------------------------------------*/
.note-popover .popover {
    max-width: none;
}

    .note-popover .popover .popover-content a {
        display: inline-block;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        /* for FF */
        vertical-align: middle;
        /* for FF */
    }

    .note-popover .popover .arrow {
        left: 20px;
    }
    /* Popover and Toolbar (Button container)
 ------------------------------------------*/
    .note-popover .popover .popover-content,
    .note-toolbar {
        margin: 0;
        padding: 0 0 5px 5px;
        /* dropdown-menu for toolbar and popover */
        /* color palette for toolbar and popover */
    }

        .note-popover .popover .popover-content > .btn-group,
        .note-toolbar > .btn-group {
            margin-top: 5px;
            margin-left: 0;
            margin-right: 5px;
        }

        .note-popover .popover .popover-content .note-table .dropdown-menu,
        .note-toolbar .note-table .dropdown-menu {
            min-width: 0;
            padding: 5px;
        }

            .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker,
            .note-toolbar .note-table .dropdown-menu .note-dimension-picker {
                font-size: 18px;
            }

                .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher,
                .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
                    position: absolute !important;
                    z-index: 3;
                    width: 10em;
                    height: 10em;
                    cursor: pointer;
                }

                .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted,
                .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted {
                    position: relative !important;
                    z-index: 1;
                    width: 5em;
                    height: 5em;
                    background: url('') repeat;
                }

                .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted,
                .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted {
                    position: absolute !important;
                    z-index: 2;
                    width: 1em;
                    height: 1em;
                    background: url('') repeat;
                }

        .note-popover .popover .popover-content .note-style h1,
        .note-toolbar .note-style h1,
        .note-popover .popover .popover-content .note-style h2,
        .note-toolbar .note-style h2,
        .note-popover .popover .popover-content .note-style h3,
        .note-toolbar .note-style h3,
        .note-popover .popover .popover-content .note-style h4,
        .note-toolbar .note-style h4,
        .note-popover .popover .popover-content .note-style h5,
        .note-toolbar .note-style h5,
        .note-popover .popover .popover-content .note-style h6,
        .note-toolbar .note-style h6,
        .note-popover .popover .popover-content .note-style blockquote,
        .note-toolbar .note-style blockquote {
            margin: 0;
        }

        .note-popover .popover .popover-content .note-color .dropdown-toggle,
        .note-toolbar .note-color .dropdown-toggle {
            width: 20px;
            padding-left: 5px;
        }

        .note-popover .popover .popover-content .note-color .dropdown-menu,
        .note-toolbar .note-color .dropdown-menu {
            min-width: 340px;
        }

            .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,
            .note-toolbar .note-color .dropdown-menu .btn-group {
                margin: 0;
            }

                .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,
                .note-toolbar .note-color .dropdown-menu .btn-group:first-child {
                    margin: 0 5px;
                }

                .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
                .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
                    font-size: 12px;
                    margin: 2px 7px;
                    text-align: center;
                    border-bottom: 1px solid #eee;
                }

                .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
                .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
                    font-size: 11px;
                    margin: 3px;
                    padding: 0 3px;
                    cursor: pointer;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }

                .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,
                .note-toolbar .note-color .dropdown-menu .btn-group .note-color-row {
                    height: 20px;
                }

                .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,
                .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
                    background: #eee;
                }

        .note-popover .popover .popover-content .note-para .dropdown-menu,
        .note-toolbar .note-para .dropdown-menu {
            min-width: 216px;
            padding: 5px;
        }

            .note-popover .popover .popover-content .note-para .dropdown-menu > div:first-child,
            .note-toolbar .note-para .dropdown-menu > div:first-child {
                margin-right: 5px;
            }

        .note-popover .popover .popover-content .dropdown-menu,
        .note-toolbar .dropdown-menu {
            min-width: 90px;
            /* dropdown-menu right position */
            /* http://forrst.com/posts/Bootstrap_right_positioned_dropdown-2KB */
            /* dropdown-menu for selectbox */
        }

            .note-popover .popover .popover-content .dropdown-menu.right,
            .note-toolbar .dropdown-menu.right {
                right: 0;
                left: auto;
            }

                .note-popover .popover .popover-content .dropdown-menu.right::before,
                .note-toolbar .dropdown-menu.right::before {
                    right: 9px;
                    left: auto !important;
                }

                .note-popover .popover .popover-content .dropdown-menu.right::after,
                .note-toolbar .dropdown-menu.right::after {
                    right: 10px;
                    left: auto !important;
                }

            .note-popover .popover .popover-content .dropdown-menu li a i,
            .note-toolbar .dropdown-menu li a i {
                color: deepskyblue;
                visibility: hidden;
            }

            .note-popover .popover .popover-content .dropdown-menu li a.checked i,
            .note-toolbar .dropdown-menu li a.checked i {
                visibility: visible;
            }

        .note-popover .popover .popover-content .note-fontsize-10,
        .note-toolbar .note-fontsize-10 {
            font-size: 10px;
        }

        .note-popover .popover .popover-content .note-color-palette,
        .note-toolbar .note-color-palette {
            line-height: 1;
        }

            .note-popover .popover .popover-content .note-color-palette div .note-color-btn,
            .note-toolbar .note-color-palette div .note-color-btn {
                width: 20px;
                height: 20px;
                padding: 0;
                margin: 0;
                border: 1px solid #fff;
            }

                .note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,
                .note-toolbar .note-color-palette div .note-color-btn:hover {
                    border: 1px solid #000;
                }
/* Dialog
 ------------------------------------------*/
.note-dialog > div {
    display: none;
    /* BS2's hide pacth. */
}

.note-dialog .note-image-dialog .note-dropzone {
    min-height: 100px;
    font-size: 30px;
    line-height: 4;
    /* vertical-align */
    color: lightgray;
    text-align: center;
    border: 4px dashed lightgray;
    margin-bottom: 10px;
}

.note-dialog .note-help-dialog {
    font-size: 12px;
    color: #ccc;
    background-color: #222 !important;
    -webkit-opacity: 0.9;
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
    /* BS2's background pacth. */
    background: transparent;
    border: none;
}

    .note-dialog .note-help-dialog .modal-content {
        background: transparent;
        border: 1px solid white;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .note-dialog .note-help-dialog a {
        font-size: 12px;
        color: white;
    }

    .note-dialog .note-help-dialog .title {
        color: white;
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 5px;
        border-bottom: white 1px solid;
    }

    .note-dialog .note-help-dialog .modal-close {
        font-size: 14px;
        color: #dddd00;
        cursor: pointer;
    }

    .note-dialog .note-help-dialog .note-shortcut-layout {
        width: 100%;
    }

        .note-dialog .note-help-dialog .note-shortcut-layout td {
            vertical-align: top;
        }

    .note-dialog .note-help-dialog .note-shortcut {
        margin-top: 8px;
    }

        .note-dialog .note-help-dialog .note-shortcut th {
            text-align: left;
            font-size: 13px;
            color: #dddd00;
        }

        .note-dialog .note-help-dialog .note-shortcut td:first-child {
            min-width: 110px;
            font-family: "Courier New";
            color: #dddd00;
            text-align: right;
            padding-right: 10px;
        }
/* Handle
 ------------------------------------------*/
.note-handle {
    /* control selection */
}

    .note-handle .note-control-selection {
        position: absolute;
        display: none;
        border: 1px solid black;
    }

        .note-handle .note-control-selection > div {
            position: absolute;
        }

        .note-handle .note-control-selection .note-control-selection-bg {
            width: 100%;
            height: 100%;
            background-color: black;
            -webkit-opacity: 0.3;
            -khtml-opacity: 0.3;
            -moz-opacity: 0.3;
            opacity: 0.3;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
            filter: alpha(opacity=30);
        }

        .note-handle .note-control-selection .note-control-handle {
            width: 7px;
            height: 7px;
            border: 1px solid black;
        }

        .note-handle .note-control-selection .note-control-holder {
            width: 7px;
            height: 7px;
            border: 1px solid black;
        }

        .note-handle .note-control-selection .note-control-sizing {
            width: 7px;
            height: 7px;
            border: 1px solid black;
            background-color: white;
        }

        .note-handle .note-control-selection .note-control-nw {
            top: -5px;
            left: -5px;
            border-right: none;
            border-bottom: none;
        }

        .note-handle .note-control-selection .note-control-ne {
            top: -5px;
            right: -5px;
            border-bottom: none;
            border-left: none;
        }

        .note-handle .note-control-selection .note-control-sw {
            bottom: -5px;
            left: -5px;
            border-top: none;
            border-right: none;
        }

        .note-handle .note-control-selection .note-control-se {
            right: -5px;
            bottom: -5px;
            cursor: se-resize;
        }

        .note-handle .note-control-selection .note-control-selection-info {
            right: 0;
            bottom: 0;
            padding: 5px;
            margin: 5px;
            color: white;
            background-color: black;
            font-size: 12px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-opacity: 0.7;
            -khtml-opacity: 0.7;
            -moz-opacity: 0.7;
            opacity: 0.7;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
            filter: alpha(opacity=70);
        }
/* ADJUSTMENTS */
.no-padding .note-editor {
    border: none;
}

.note-editor .note-editable {
    background-color: rgba(48, 126, 204, 0.05);
}

    .note-editor .note-editable:focus {
        background-color: #fff;
    }

.note-editor .note-statusbar .note-resizebar {
    border-top: 1px solid #DBDBDB;
}

.note-editor .note-statusbar:hover {
    background: #EEE;
}

.note-editor .note-statusbar:active {
    background: #eaeaea;
}
/*
	Important this file is beeen modified by Webarch
*/
/*------------------------------------*\
    SuperBox
\*------------------------------------*/
.superbox *,
.superbox *:after,
.superbox *:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* SuperBox */
.superbox-list {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 12.5%;
    padding: 5px;
    position: relative;
}

    .superbox-list.active:before {
        content: "\f0d8";
        font-family: FontAwesome;
        display: block;
        position: absolute;
        left: 43%;
        bottom: -34px;
        z-index: 2;
        text-align: center;
        font-size: 45px;
        color: #222222;
    }

.superbox-img {
    max-width: 100%;
    width: 100%;
    cursor: pointer;
}

.superbox-show {
    text-align: left;
    position: relative;
    background-color: #222222;
    width: 100%;
    float: left;
    padding: 25px 0 12px 25px;
    display: none;
    margin: 5px 0;
}

.superbox-current-img {
    max-width: 100%;
    float: left;
    padding-right: 25px;
    padding-bottom: 13px;
}

.superbox-img:hover {
    opacity: 0.8;
}

.superbox-float {
    float: left;
}

.superbox-close {
    opacity: 0.7;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
    transition: all 0.1s linear 0s;
}

    .superbox-close:hover {
        opacity: 1;
    }

.superbox-imageinfo {
    display: inline-block;
    max-width: 500px;
    color: #fff;
    padding: 0 25px 0 0;
}

    .superbox-imageinfo span {
        font-size: 13px;
        color: #a19994;
        margin-right: -2px;
        padding-top: 10px;
        display: inline-block;
        padding-bottom: 13px;
    }

    .superbox-imageinfo > :first-child {
        margin-bottom: 10px;
        font-weight: bold;
    }

    .superbox-imageinfo span p:last-child {
        margin-top: 30px;
    }

@media only screen and (min-width: 320px) {
    .superbox-list {
        width: 50%;
    }
}

@media only screen and (min-width: 486px) {
    .superbox-list {
        width: 25%;
    }
}

@media only screen and (min-width: 768px) {
    .superbox-list {
        width: 16.66666667%;
    }
}

@media only screen and (min-width: 1025px) {
    .superbox-list {
        width: 12.5%;
    }
}

@media only screen and (min-width: 1824px) {
    .superbox-list {
        width: 12.5%;
    }
}

#speech-btn > :first-child {
    position: relative;
}

.voice-command-active #speech-btn > :first-child > a {
    background: #0E70CA;
    border: 1px solid #125A9C;
    color: rgba(255, 255, 255, 0.9);
}

.voice-command-active.service-not-allowed #speech-btn > :first-child > a {
    background: #a90329;
    border: 1px solid #8B0913;
    color: rgba(255, 255, 255, 0.9);
}

.voice-command-active.service-allowed #speech-btn > :first-child > a {
    background: url('../img/voicecommand/active-btn.gif') no-repeat center center #0e70ca;
    border: 1px solid #125A9C;
    color: rgba(255, 255, 255, 0.9);
}

#speech-btn > :first-child > a + .popover {
    display: none;
    top: 42px;
    left: -113px;
    width: 255px;
}

    #speech-btn > :first-child > a + .popover > .popover-content {
        padding: 9px 12px;
    }

    #speech-btn > :first-child > a + .popover .btn {
        padding: 4px 12px;
    }

.vc-title {
    margin-bottom: 10px !important;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.vc-title-error {
    display: none;
}

.voice-command-active.service-not-allowed .vc-title,
.voice-command-active.service-not-allowed .popover .btn,
.service-not-allowed .vc-title,
.service-not-allowed .popover .btn {
    display: none !important;
}

.voice-command-active.service-not-allowed .vc-title-error {
    display: block;
}

.vc-title > small {
    font-size: 80%;
}
